Fonctionnalités Web. Neolane v6.1

Transcription

1 Foctioalités Web Neolae v6.1

2

3 Ce documet, aisi que le logiciel qu'il décrit, est fouri das le cadre d'u accord de licece et e peut être utilisé ou copié que das les coditios prévues par cet accord. Cette publicatio e peut être reproduite ou trasmise, itégralemet ou partiellemet, sous quelque forme et par quelque moye que ce soit, sauf autorisatio écrite préalable de Neolae. Ce documet est sujet à révisios. Neolae e garatit pas l'exhaustivité des iformatios coteues das ce documet. Toute référece à des oms de sociétés das les illustratios fouries 'est utilisée qu'à titre d'exemple et e fait référece à aucue société réelle. Toutes les marques citées sot la propriété de leurs déteteurs respectifs. Microsoft et Widows sot des marques ou des marques déposées apparteat à Microsoft Corporatio aux Etats-Uis et/ou das d'autres pays. Java, MySQL et Ope Office sot des marques commerciales ou des marques déposées apparteat à Oracle Corporatio aux Etats-Uis et das d'autres pays. Liux est la marque déposée de Lius Torvalds aux Etats-Uis et das d'autres pays. Ce produit iclut des logiciels développés par Apache Software Foudatio ( Sauf metio cotraire, les déomiatios sociales, les logos, les produits et marques cités das ce documet, sot la propriété de Neolae S.A. ou de ses filiales. Ils e peuvet être utilisés sas l'autorisatio préalable et écrite de Neolae. Numéro de versio : 8141 Neolae 18 rue Roger Simo Barboux, Arcueil - Frace

4 Table des matières Neolae v6.1 - Foctioalités Web Chapitre 1. Itroductio Présetatio Créer ue applicatio Web Modèles d'applicatios Web Chapitre 2. Neolae Digital Cotet Editor : éditio de coteus HTML Présetatio Foctioemet gééral Créatio et cofiguratio d'u coteu Gestio des modèles Optios globales Gestio des blocs Utilisatio de la barre d'outils Gestio des images et aimatios Messages iformatifs et messages d'erreurs Eregistrer ue diffusio comme modèle Boes pratiques Cas pratique : créatio d'ue Ladig Page Itroductio Créatio de la Ladig Page Etape 1 : Sélectio et chargemet de modèles Etape 2 : Paramétrage du coteu Etape 3 : Publicatio du coteu Quick start : 5 étapes pour créer ue diffusio assistée du DCE Présetatio Etape 1 - Créer ue diffusio Etape 2 - Sélectioez u modèle de diffusio Etape 3 - Sélectioez u modèle de coteu Etape 4 - Créer le coteu de votre diffusio Etape 5 - Eregistrer la diffusio Chapitre 3. Formulaires Web Présetatio Créer u formulaire Web Etapes de créatio Neolae v6.1 - Foctioalités Web 3

5 Neolae Créer le coteu des pages Ajouter des champs Ajouter des élémets statiques Ajouter des coteeurs Mettre e page les élémets Choisir le modèle de redu du formulaire Persoaliser le redu du formulaire Défiir les paramètres de cotrôle et de validatio Défiir u affichage coditioel Importer des élémets Défiir l'echaîemet les pages Costruire le diagramme Naviguer das les formulaires Web Coditioer l'affichage des pages Ajouter des scripts Persoaliser la page de fi Collecter, qualifier et eregistrer les réposes Stocker et utiliser les réposes collectées Eregistrer les réposes Publier et diffuser u formulaire Web Précharger des doées Gérer la diffusio et le suivi Cofigurer les formulaires Web Créer u modèle de formulaire Web Défiir les propriétés du formulaire Traduire u formulaire Choisir les lagues de traductio Gérer les traductios via l'éditeur itégré Exteraliser les traductios Chager la lague d'affichage Exemple : afficher ue applicatio web das plusieurs lagues Paramétrage avacé Cas pratiques Créer u aboemet avec double opt-i Afficher différetes optios e foctio de la valeur sélectioée Chapitre 4. Applicatios Web Itroductio Présetatio Cofiguratio Pricipe gééral Les applicatios Web de type vues d'esemble Les formulaires d'éditio Créer ue vue d'esemble Créer ue applicatio Web moo-page Créer u filtre sur dossier Créer u bouto pour paramétrer ue ouvelle applicatio Web Ajouter u détail Filtrer et actualiser la liste Chapitre 5. Neolae Survey Maager - Questioaires e lige Itroductio Présetatio Cofiguratio Quick Start : 7 étapes pour costruire et diffuser u questioaire Présetatio Etape 1 - Créer u questioaire Neolae 2013

6 Foctioalités Web Etape 2 - Sélectioer le modèle Etape 3 - Costruire le questioaire Etape 4 - Créer le coteu de la page Etape 5 - Eregistrer les doées Etape 6 - Publier les pages Etape 7 - Diffuser le questioaire e lige Costruire u questioaire Créer u ouveau questioaire Ajouter des champs Elémets spécifiques aux questioaires Collecter, qualifier et eregistrer les réposes Stockage et utilisatio des réposes collectées Gestio des scores Publier et diffuser u questioaire Diffusio, suivi et utilisatio des doées collectées Exemple de mise e oeuvre Cofigurer les questioaires Paramétrages avacés Stockage des iformatios Chapitre 6. Neolae Microsites - Sites persoalisés Présetatio Recommadatios Prérequis Mise e oeuvre Créer et paramétrer u modèle de purl Créer u ouveau modèle Format de l'url Persoalisatio de l'url Exemple de créatio d'ue URL persoalisée Créer et paramétrer u microsite Créer u microsite Créer le coteu d'u microsite URL persoalisées Créer ue purl Isérer ue purl das ue diffusio Iclure ue purl das ue diffusio courrier Suivi de l'accès au microsite Balises de trackig Durée de validité Rapports du microsite Cas pratique Créer u modèle de purl Créer u microsite Notifier les ivités Règles d'utilisatio des microsites et des URL persoalisées Neolae v6.1 - Foctioalités Web 5

7 Neolae 6 Neolae v6.1 - Foctioalités Web

8 CHAPITRE 1 Itroductio Table des matières Présetatio Créer ue applicatio Web Modèles d'applicatios Web Présetatio Neolae permet la créatio d'applicatios Web dyamiques et iteractives, composées de doées issues de la base et dot le coteu est adapté e foctio des droits de l'utilisateur coecté. Neolae v6.1 - Foctioalités Web - Itroductio 7

9 Neolae Il peut par exemple s'agir d'u formulaire d'iscriptio dot les doées ot été pré-remplies avec les iformatios coteues das la base Neolae, comme das l'exemple ci-dessous : Créer ue applicatio Web Le type d'ue applicatio Web est sélectioé au momet de sa créatio. 8 Neolae 2013

10 Itroductio Aisi, à partir de l'uivers des Campages, choisissez le meu Applicatios Web et cliquez sur le bouto Créer. Vous pouvez alors sélectioer le modèle de l'applicatio Web parmi les modèles proposés : Ce modèle détermie le type d'applicatio Web. Vous pouvez aisi créer : 1 Des formulaires Web (+ modificatio de profil) Les formulaires Web permettet de proposer des pages Web avec des champs de saisie ou de sélectio : les iformatios saisies par les utilisateurs pourrot être stockées das la base Neolae. Voir à ce sujet le chapitre Formulaires Web [page 45]. 2 Des applicatios Web Neolae permet de créer des applicatios Web destiées à être exposées sur ue plateforme Web ou das le cotexte d'u extraet, par exemple. Elles permettet alors l'éditio de doées et l'eregistremet d'iformatios das Neolae. Das ce cas, vous pouvez réserver leur accès à des utilisateurs authetifiés (via le cotrôle d'accès) et mettre e place u préchargemet des doées selo plusieurs critères. Voir à ce sujet la sectio Applicatios Web [page 165]. 3 Des ladig pages Ue ladig page est ue page HTML dot le coteu est proposé sur u site Web et qui permet aux iterautes de reseiger des iformatios qui serot stockées au iveau de leur profil das la base Neolae. Le coteu de ce type de page est gééralemet réalisé par ue agece Web spécialisée et il est esuite importé das Neolae pour e assurer la mise e lige, la gestio et le suivi. Voir à ce propos la sectio Neolae Digital Cotet Editor : éditio de coteus HTML [page 11]. 4 Des questioaires (Survey) Neolae permet, via l'optio Neolae Survey Maager, de cocevoir et gérer des equêtes et questioaires e lige, et d'e exploiter les résultats : créatio dyamique de champs, gestio des scores, export des réposes et rapports dédiés. Voir à ce sujet le chapitre Neolae Survey Maager - Questioaires e lige [page 181]. Avertissemet : Neolae Survey Maager est u module optioel de Neolae. Vérifiez votre cotrat de licece. Neolae v6.1 - Foctioalités Web - Itroductio 9

11 Neolae 5 Des microsites Neolae permet, via l'optio Neolae Microsites, de créer des pages Web persoalisées, accessibles au travers d'ue URL spécifique comportat des iformatios de persoalisatio. Avertissemet : Neolae Microsites est u module optioel de Neolae. Vérifiez votre cotrat de licece. 6 Des applicatios Facebook Neolae permet, via l'optio Neolae Social Marketig de publier des coteus persoalisés das ue applicatio Facebook. Voir à ce sujet le guide Neolae Social Marketig. Avertissemet : Neolae Social Marketig est u module optioel de Neolae. Vérifiez votre cotrat de licece. Le mode de cofiguratio des pages et les paramétrages dispoibles peuvet être commus d'u type d'applicatio Web à l'autre. Les élémets commus et pricipes gééraux sot traités das le chapitre Formulaires Web [page 45]. Modèles d'applicatios Web Par défaut, Neolae fourit u modèle par type d'applicatio Web dispoible sur votre istace. Vous pouvez créer de ouveaux modèles à partir du oeud Ressources>Modèles>Modèles d'applicatios Web de l'arborescece Neolae. L'assistat de créatio vous permet de sélectioer les optios à activer, comme das l'exemple ci-dessous. Avertissemet : Les types d'applicatios dispoibles dépedet des optios et modules istallés. Cosultez votre cotrat de licece. 10 Neolae 2013

12 CHAPITRE 2 Neolae Digital Cotet Editor : éditio de coteus HTML Table des matières Présetatio Foctioemet gééral Créatio et cofiguratio d'u coteu Gestio des modèles Optios globales Gestio des blocs Utilisatio de la barre d'outils Gestio des images et aimatios Messages iformatifs et messages d'erreurs Eregistrer ue diffusio comme modèle Boes pratiques Cas pratique : créatio d'ue Ladig Page Itroductio Créatio de la Ladig Page Etape 1 : Sélectio et chargemet de modèles Etape 2 : Paramétrage du coteu Etape 3 : Publicatio du coteu Quick start : 5 étapes pour créer ue diffusio assistée du DCE Présetatio Etape 1 - Créer ue diffusio Etape 2 - Sélectioez u modèle de diffusio Etape 3 - Sélectioez u modèle de coteu Etape 4 - Créer le coteu de votre diffusio Etape 5 - Eregistrer la diffusio Présetatio Neolae Digital Cotet Editor (DCE) est u éditeur de coteus HTML qui permet de créer ou modifier facilemet des modèles ou du coteu au format HTML das Neolae. Neolae Digital Cotet Editor permet de faciliter l'isertio et la mise e forme d'élémets de la page aisi que l'associatio des champs de la base avec les élémets d'ue page HTML. Il est proposé par défaut lors de la créatio d'ue page d'ue applicatio Web, ou dispoible lors de la créatio de diffusios basées sur u modèle das lequel il est actif. Neolae v6.1 - Foctioalités Web - Neolae Digital Cotet Editor : éditio de coteus HTML 11

13 Neolae Foctioemet gééral Cette sectio présete les grades étapes d'éditio et de mise e lige d'u coteu édité avec le DCE das le cadre d'ue applicatio Web et das le cotexte d'ue diffusio. Le foctioemet gééral est le suivat : Das le cotexte d'ue applicatio Web, les étapes de créatio sot les suivates : Créatio d'ue applicatio Web de type 'Ladig page', voir à ce propos la sectio Créer ue applicatio Web [page 8], Sélectio d'u coteu existat ou créatio d'u coteu à partir d'u modèle stadard, voir à ce propos la sectio Gestio des modèles [page 13] Editio et paramétrage du coteu e lige, voir à ce propos la sectio Créatio et cofiguratio d'u coteu [page 13], Publicatio de l'applicatio Web, voir à ce propos les sectios Etape 3 : Publicatio du coteu [page 38] et Gérer la diffusio et le suivi [page 119]. Note : U exemple complet de mise e oeuvre de Neolae DCE das le cadre d'ue applicatio Web est proposé das la sectio Cas pratique : créatio d'ue Ladig Page [page 29]. Das le cotexte d'ue diffusio par , les étapes de créatio sot les suivates : Créatio d'ue diffusio à partir d'u modèle de type das lequel Neolae DCE est activé, Sélectio d'u coteu existat ou créatio d'u coteu à partir d'u modèle stadard, Editio et paramétrage du coteu e lige, Evoi de la diffusio, voir à ce propos le guide Neolae Delivery. Note : U exemple complet de mise e oeuvre de Neolae DCE das le cadre d'ue diffusio par est proposé das la sectio Quick start : 5 étapes pour créer ue diffusio assistée du DCE [page 39]. 12 Neolae 2013

14 Neolae Digital Cotet Editor : éditio de coteus HTML Créatio et cofiguratio d'u coteu La feêtre d'éditio de Neolae DCE est orgaisée e trois sectios distictes. Elles permettet de visualiser le coteu, le modifier et cotrôler so état. 1 La sectio supérieure est ue zoe d'affichage pour des messages destiés à l'utilisateur. Ces messages idiquet le statut de l'applicatio Web ou de la diffusio e cours de créatio aisi que les avertissemets et messages d'erreurs liés au coteu. Voir à ce propos la sectio Messages iformatifs et messages d'erreurs [page 27]. 2 La sectio gauche de la feêtre est la zoe d'éditio du coteu. Depuis cette zoe, l'utilisateur peut iteragir directemet avec le coteu, grâce à la barre d'outils cotextuelle : isérer u lie sur ue image, modifier la police de caractères, supprimer u champ, etc. Voir à ce propos la sectio Utilisatio de la barre d'outils [page 22]. 3 La sectio droite de la feêtre est la zoe de cotrôle du redu. Elle regroupe les différetes optios de l'éditeur, otammet celles liées aux paramètres de l'etête de la page et aux optios géérales associées à u bloc : ajouter ue bordure, associer u champ de la base à ue zoe de saisie, accéder aux propriétés de la page Web, etc. Voir à ce propos les sectios Optios globales [page 14] et Gestio des blocs [page 17]. Gestio des modèles Neolae Digital Cotet Editor propose des modèles stadards pour les applicatios Web et les diffusios. Neolae v6.1 - Foctioalités Web - Neolae Digital Cotet Editor : éditio de coteus HTML 13

15 Neolae Lors de la créatio d'ue applicatio Web de type Ladig Page, l'utilisateur peut choisir u de ces modèles. Il peut égalemet importer u modèle HTML créé e dehors de Neolae. Pour ajouter u modèle, cosultez la sectio Optios globales [page 14]. Optios globales La sectio supérieure droite de l'éditeur permet d'accéder à des optios globales qui permettet d'agir sur le coteu e cours de créatio. 14 Neolae 2013

16 Neolae Digital Cotet Editor : éditio de coteus HTML Elle cotiet quatre icôes : L'icôe Afficher / Masquer les blocs permet d'afficher des cadres bleus autour des blocs de coteu (correspod à la balise HTML <div>). L'icôe Choisir u autre coteu permet à l'utilisateur de charger u ouveau coteu à partir d'u modèle (existat ou modèle livré d'usie). Avertissemet : Le coteu sélectioé remplace le coteu actuel. L'icôe Eregistrer comme modèle permet de sauvegarder le coteu actuel e tat que modèle. Vous devez saisir le libellé et le om itere du modèle. Les modèles sot stockés das le oeud : Ressources > Modèles > Modèles de coteu. Neolae v6.1 - Foctioalités Web - Neolae Digital Cotet Editor : éditio de coteus HTML 15

17 Neolae Ue fois eregistré, le modèle est dispoible et peut être sélectioé lors de la créatio d'u ouveau coteu. L'icôe Propriétés de la page permet de saisir les iformatios coteues das l'etête de la page HTML. Note : Ces iformatios correspodet aux balises HTML <title> et <meta> de la page. Les mots-clés doivet être séparés par des virgules. 16 Neolae 2013

18 Neolae Digital Cotet Editor : éditio de coteus HTML Gestio des blocs La sectio droite de l'éditeur regroupe les pricipales optios qui permettet d'agir sur le coteu. Pour afficher ces optios, vous devez sélectioer u bloc : la ature de ces optios déped du bloc sélectioé. Vous pouvez : Coditioer l'affichage d'u ou plusieurs blocs, voir à ce propos Défiir ue coditio de visibilité [page 17], Défiir les bordures et trames, voir à ce propos Ajouter ue bordure et ue trame [page 19], Défiir les attributs d'ue image (taille, légede), voir à ce propos Modifier les propriétés d'ue image [page 19], Associer des champs de la base à u élémet d'u formulaire (zoe de saisie, case à cocher, etc.), voir à ce propos Modifier les propriétés des doées d'u formulaire [page 20], Redre obligatoire u élémet d'u formulaire, voir à ce propos Modifier les propriétés des doées d'u formulaire [page 20], Défiir ue actio sur u bouto, voir à ce propos Ajouter ue actio sur u bouto [page 21]. Défiir ue coditio de visibilité Vous pouvez spécifier ue coditio de visibilité sur u élémet de la page web : cet élémet e sera visible que si la coditio de visibilité est respectée. Neolae v6.1 - Foctioalités Web - Neolae Digital Cotet Editor : éditio de coteus HTML 17

19 Neolae Pour ajouter ue coditio de visibilité, cliquez das le champ et saisissez la coditio à remplir pour afficher le bloc sélectioé. Ces coditios adoptet la sytaxe des expressios XTK (par ex : ctx.recipiet.@ != "" ou ctx.recipiet.@status=="0"). Par défaut, tous les champs sot visibles. Note : Les blocs dyamiques o visibles, tels que les meus déroulats, e peuvet être édités das le DCE. 18 Neolae 2013

20 Neolae Digital Cotet Editor : éditio de coteus HTML Ajouter ue bordure et ue trame Vous pouvez ajouter ue bordure au bloc sélectioé. Les bordures se défiisset au travers de trois optios : style, taille et couleur. Vous pouvez aussi défiir ue couleur de fod e sélectioat ue couleur das le uacier. Modifier les propriétés d'ue image Lorsque vous sélectioez u bloc coteat ue image, vous accédez aux propriétés suivates : Légede permet de défiir ue légede associée à l'image (correspod à l'attribut HTML alt). Dimesios permet de spécifier, e pixels, de la taille de l'image. Neolae v6.1 - Foctioalités Web - Neolae Digital Cotet Editor : éditio de coteus HTML 19

21 Neolae Modifier les propriétés des doées d'u formulaire Vous pouvez associer des champs de la base à des blocs de type zoe de saisie, bouto radio ou case à cocher. Note : Les champs par défaut sot ceux du schéma de stockage de l'applicatio Web. La zoe de sélectio Champ permet de sélectioer u champ de la base de doées à associer avec le champ du formulaire. Par défaut, les champs proposés sot ceux de la table ms:recipiet. L'optio Champ obligatoire permet de 'autoriser la validatio de la page que si l'utilisateur a reseigé le champ. Si u champ obligatoire 'est pas reseigé, u message d'erreur sera affiché. Pour les boutos radio et cases à cocher, ue cofiguratio supplémetaire est requise. E effet, si le modèle utilisé e cotiet pas de valeur par défaut, vous devez les compléter das l'éditeur. Pour cela: 20 Neolae 2013

22 Neolae Digital Cotet Editor : éditio de coteus HTML Cliquez sur l'icôe Editio. Complétez le champ Valeur avec la valeur de l'éumératio associée (défiie par le champ sélectioé). Ajouter ue actio sur u bouto Lorsque l'utilisateur clique sur u bouto, vous pouvez défiir ue actio associée. Pour cela, sélectioez l'actio à réaliser das la liste déroulate. Les actios dispoibles sot les suivates : Actualiser : actualise la page e cours. Page suivate : crée u lie vers la prochaie page de l'applicatio Web. Page précédete : crée u lie vers la page précédete de l'applicatio Web. Note : La valeur Aucue permet de e pas activer le bouto. Neolae v6.1 - Foctioalités Web - Neolae Digital Cotet Editor : éditio de coteus HTML 21

23 Neolae Vous pouvez modifier le libellé associé au bouto das le champ correspodat. Utilisatio de la barre d'outils La barre d'outils est u élémet cotextuel de l'iterface du DCE qui présete des foctioalités différetes selo le bloc sélectioé. Avertissemet : Certaies foctioalités de la barre d'outils permettet de mettre e forme le coteu HTML. Cepedat, si la page cotiet ue feuille de style CSS, les istructios proveat de la feuille de style peuvet s'avérer prioritaires par rapport aux istructios spécifiées avec la barre d'outils. Ajouter u lie Vous pouvez isérer u lie sur tout élémet de la page : image, mot, groupe de mots, bloc de texte, etc. Pour cela, sélectioez l'élémet puis utilisez la première icôe de la barre d'outils cotextuelle. Cette icôe permet d'accéder à tous les types de lies dispoibles. Les blocs de persoalisatio et champs de persoalisatio e peuvet être isérés que das des blocs de type Texte. Note : Pour chaque type de lie, vous pouvez paramétrer so mode d'ouverture : sélectioez la feêtre-cible das la liste déroulate Cible. Cette valeur correspod à la balise HTML <target>. La liste des cibles dispoibles est la suivate : Autre (IFrame) Feêtre la plus e avat (_top) Feêtre parete (_paret) Nouvelle feêtre (_blak) Feêtre courate (_self) Comportemet par défaut du avigateur 22 Neolae 2013

24 Neolae Digital Cotet Editor : éditio de coteus HTML Lie vers ue URL L'optio Lie vers ue URL extere permet d'ouvrir 'importe quelle URL à partir du coteu source. Saisissez l'adresse du lie visé das le champ URL. Le champ URL est à reseiger de cette maière : Lie vers ue applicatio Web L'optio Lie vers ue applicatio Web permet d'accéder à ue applicatio Web Neolae. Sélectioez l'applicatio Web à partir du champ correspodat. La liste des applicatios Web proposées correspod aux applicatios otammet dispoibles das le oeud Ressources > O-Lie > Applicatios Web. Avertissemet : Les applicatios Web costruites avec le DCE e peuvet être traduites. Lie vers ue actio L'optio Lie défiissat ue actio permet de paramétrer ue actio lors du clic sur l'élémet-source. Note : Les actios dispoibles sot présetées das la sectio Ajouter ue actio sur u bouto [page 21]. Lie vers ue purl L'optio Lie vers ue purl permet d'accéder à u microsite via ue purl. Neolae v6.1 - Foctioalités Web - Neolae Digital Cotet Editor : éditio de coteus HTML 23

25 Neolae La liste des purl proposées correspod aux purl otammet dispoibles das le oeud Admiistratio > Exploitatio > purl. Avertissemet : Pour isérer ue purl, l'optio Neolae Microsite doit être istallée. Vérifiez votre cotrat de licece. Supprimer u lie Lorsqu'u lie a été iséré, la barre d'outils propose deux ouvelles icôes : Editer le lie et Rompre le lie qui permettet d'iteragir avec le lie créé. Editer le lie permet d'afficher ue feêtre récapitulative de tous les paramètres du lie. Rompre le lie permet de supprimer, après cofirmatio, le lie aisi que tous les paramétrages liés. Note : Das le cas d'ue suppressio de lie, le coteu est coservé. Ajouter / Supprimer / Dupliquer ue image Pour isérer ue image, sélectioez u bloc de type Image et cliquez sur l'icôe Image. Sélectioez u fichier image eregistré e local. Note : L'icôe Supprimer supprime la balise <img> coteat l'image. L'icôe Dupliquer duplique la balise <img> et so coteu. Avertissemet : Lors de la duplicatio d'ue image, les idetifiats relatifs à la ouvelle image sot supprimés. 24 Neolae 2013

26 Neolae Digital Cotet Editor : éditio de coteus HTML Isérer u champ de persoalisatio L'optio Champ de persoalisatio de l'icôe d'isertio permet d'ajouter u champ de la base de doées das le coteu. Elle 'est dispoible que pour les blocs de type Texte. Par défaut, les champs proposés sot ceux de la table Destiataire. Au besoi, éditez les propriétés de l'applicatio Web pour sélectioer ue autre table. Isérer u bloc de persoalisatio L'optio Bloc de persoalisatio permet d'isérer u bloc de persoalisatio das le coteu. Elle 'est dispoible que pour les blocs de type Texte. Les blocs de persoalisatio sot accessibles otammet à partir du oeud Ressources > Gestio de campage > Blocs de persoalisatio de l'explorateur Neolae. Note : Pour plus d'iformatios sur les blocs de persoalisatio, cosultez le guide Neolae Delivery. Neolae v6.1 - Foctioalités Web - Neolae Digital Cotet Editor : éditio de coteus HTML 25

27 Neolae Modifier les attributs de la police Lorsque vous sélectioez u élémet de texte, vous pouvez modifier les attributs de la police de caractères (style, format). Les optios dispoibles sot les suivates : Icôe Agradir la police : augmete la taille du texte sélectioé (ajoute <spa style="fot-size:">). Icôe Réduire la police : réduit la taille du texte sélectioé (ajoute <spa style="fot-size:">). Icôe Gras : ajoute le style gras au texte sélectioé (etoure le texte de la balise <strog></strog>). Icôe Italique : ajoute le style italique au texte sélectioé (etoure le texte de la balise <em></em>). Icôe Souliger : ajoute le style souligé au texte sélectioé (etoure le texte de la balise <spa style="text-decoratio: uderlie;">). Icôe Aliger à gauche : alige le texte à gauche du bloc sélectioé (ajoute style="text-alig: left;"). Icôe Cetrer : cetre le texte du bloc sélectioé (ajoute style="text-alig: ceter;"). Icôe Aliger à droite : alige le texte à droite du bloc sélectioé (ajoute style="text-alig: right;"). Icôe Chager la couleur de fod : permet de chager la couleur de fod du bloc sélectioé (ajoute style="backgroud-color: rgba(170, 86, 255, 0.87)). Icôe Chager la couleur du texte : permet de chager la couleur de tout le texte das le bloc ou seulemet celle du texte sélectioé (<spa style="color: #56ff56;">). Note : Icôe Supprimer : supprime le bloc et tout so coteu. Icôe Dupliquer : duplique le bloc et égalemet tous les styles rattachés au bloc. Modifier les champs de formulaires Les champs de formulaires de type boutos radio, zoes de saisie, listes déroulates, etc., peuvet être modifiés à partir de leur barre d'outils. Vous pouvez aisi : Supprimer le bloc coteat le champ du formulaire à partir de l'icôe Supprimer. Dupliquer le champ sélectioé e créat u ouveau bloc, à partir de l'icôe Dupliquer. Editer la feêtre Doées de formulaire afi d'associer u champ de la base à la zoe du formulaire, à partir de l'icôe Editer. 26 Neolae 2013

28 Neolae Digital Cotet Editor : éditio de coteus HTML Gestio des images et aimatios Neolae Digital Cotet Editor permet de travailler avec tous types d'images dot le format est compatible avec les avigateurs. Pour être compatible avec Neolae DCE, les aimatios de type "Flash" doivet être isérées das ue page HTML de la maière suivate : <object type="applicatio/x-shockwave-flash" data=" width="200" height="400"> <param ame="movie" value=" /> <param ame="quality" value="high" /> <param ame="play" value="true"/> <param ame="loop" value="true"/> </object> Avertissemet : Vous e devez pas appeler de fichiers exteres das ue balise <script> de la page HTML. Ces fichiers e serot pas importés sur le serveur Neolae. Messages iformatifs et messages d'erreurs La sectio supérieure de l'éditeur affiche les message liés à l'état du coteu. Les codes couleurs associés aux messages sot les suivats : Message gris : message à caractère iformatif, aucue actio 'est à réaliser au iveau de l'éditeur. Message bleu : message à caractère iformatif e rapport avec le coteu édité. Message jaue : message d'avertissemet ou d'erreur écessitat ue actio de l'utilisateur. Liste des messages pour l'éditio d'applicatio Web Le coteu HTML est foctioel. L'applicatio Web 'a pas été publiée, elle 'est pas accessible e lige. L'applicatio Web est e lige, toute modificatio écessite ue ouvelle publicatio. Le coteu de la page 'est pas foctioel. Il doit coteir u formulaire HTML (<form/>). Il reste zoe(s) de saisie ou boutos à cofigurer. Pour permettre le passage à la page suivate, vous devez associer l'actio 'Page Suivate' à u bouto ou u lie de la page courate. Liste des messages pour l'éditio de diffusio Le coteu de la diffusio est foctioel. Il reste champs ou blocs de persoalisatio à cofigurer. La coteu de la diffusio a été préparé, toute modificatio écessite ue ouvelle aalyse. La diffusio est prête à être diffusée. Eregistrer ue diffusio comme modèle A la fi du paramétrage d'ue diffusio, il vous est possible de l'eregistrer comme modèle afi de la réutiliser lors de prochaies diffusios. Neolae v6.1 - Foctioalités Web - Neolae Digital Cotet Editor : éditio de coteus HTML 27

29 Neolae Das l'uivers Campages, ouvrez la diffusio de votre choix. Cliquez sur le bouto Eregistrer comme modèle, doez u om au modèle puis eregistrez. Note : Le ouveau modèle est stocké das l'arborescece de l'explorateur au iveau Ressources>Modèles>Modèles de coteu. Boes pratiques Afi de garatir u foctioemet optimal de l'éditeur, il est recommadé de respecter les recommadatios suivates : Avat d'importer u modèle de page HTML das Neolae, assurez-vous que le modèle s'ouvre et s'affiche correctemet das les différets avigateurs. Si la page HTML cotiet des scripts e lagage JavaScript, ils doivet s'exécuter sas erreur hors de l'éditeur. Lors de la costructio d'u modèle, il est coseillé d'ajouter u attribut 'type' aux balises <iput>. Cette iformatio sera iterprétée par l'éditeur et aidera l'utilisateur à associer u champ de la base de doées au champ du formulaire lors du paramétrage de l'applicatio Web. Exemple de code HTML das le modèle : <iput id=" " type=" " ame=" "/> 28 Neolae 2013

30 Neolae Digital Cotet Editor : éditio de coteus HTML L'attribut 'type' est visible das l'iterface sous la forme : La liste officielle des attributs 'type' est dispoible à l'adresse suivate : Echaîemet des étapes pour simuler ue page de fi avec le DCE : Cas pratique : créatio d'ue Ladig Page Itroductio Ce cas d'utilisatio présete l'utilisatio de Neolae Digital Editor das le cadre de la créatio d'ue Ladig Page à partir de la cosole Neolae. Avat de commecer le paramétrage de la Ladig Page das Neolae, vous devez avoir à dispositio u ou plusieurs modèles représetat la ou les pages HTML. L'objectif pricipal de ce cas d'utilisatio est de faire correspodre les champs des formulaires de la Ladig Page avec des champs métiers das Neolae e utilisat les foctioalités de Neolae DCE. Créatio de la Ladig Page Pour créer ue ouvelle Applicatio Web de type Ladig Page, respectez les étapes suivates : 1 Das l'uivers Campages, cliquez sur le lie Applicatio Web puis sur le bouto Créer. Neolae v6.1 - Foctioalités Web - Neolae Digital Cotet Editor : éditio de coteus HTML 29

31 Neolae 2 Sélectioez le modèle Nouvelle ladig page et saisissez u libellé. 3 Cliquez sur l'oglet Editio. 4 Supprimez l'activité Fi. 5 Ajoutez ue activité Page à la suite de l'activité Eregistremet. 6 Editez l'activité Page 2 puis décochez l'optio Activer les trasitios sortates das l'oglet Propriétés. 7 Eregistrez les modificatios. Le scéario doit être le suivat : 30 Neolae 2013

32 Neolae Digital Cotet Editor : éditio de coteus HTML Note : Le mode de créatio d'ue applicatio Web est préseté das la sectio Créer u formulaire Web [page 46]. Etape 1 : Sélectio et chargemet de modèles Das cette sectio ous allos voir commet importer u coteu HTML pour chaque page de l'applicatio Web. U modèle doit coteir : u fichier HTML (obligatoire) u ou plusieurs fichiers CSS (facultatif) u ou plusieurs fichiers image (facultatif) Pour charger le modèle das la première page, respectez les étapes suivates : 1 Ouvrez la première activité Page de l'applicatio Web. 2 Sélectioez A Partir d'u fichier comme choix de modèles de coteus dispoibles 3 Sélectioez le fichier HTML à utiliser. 4 Cliquez sur Ouvrir afi de démarrer l'import. Cliquez sur le bouto Fermer lorsque l'import est termié. Neolae v6.1 - Foctioalités Web - Neolae Digital Cotet Editor : éditio de coteus HTML 31

33 Neolae Note : Lors du chargemet, la liste des fichiers chargés apparait. Le système d'import vérifie que tous les fichiers liés au HTML sélectioé sot présets (CSS, images, etc.). Avertissemet : Vous devez attedre l'affichage de la lige : La mise e lige des ressources exteres est termiée. pour cliquer sur le bouto Fermer. 5 Cliquez sur l'oglet Propriétés. 6 Saisissez u libellé pour chaque page (ici : Page 1 = Collecte, Page 2 = Remerciemets). Vous devez effectuer ces étapes pour chacue des pages isérées das l'applicatio Web. Avertissemet : Le DCE exécute le code JavaScript de la page HTML chargée. Il se peut que des erreurs JavaScript propres au modèle HTML soiet remotées das l'iterface Neolae. Ces erreurs e coceret pas l'éditeur. Pour vérifier qu'il 'y a aucue erreur das les fichiers importés, il est coseillé de les tester das u avigateur (Iteret Explorer / FireFox / Chrome) avat d'importer les fichiers das Neolae DCE. Etape 2 : Paramétrage du coteu Das cette sectio, ous allos ajuster le coteu importé puis associer les champs de la base de doées avec le formulaire de la page web. L'applicatio Web créée précédemmet est la suivate : Modificatio du coteu Nous allos d'abord modifier les couleurs de la page. Pour cela : 1 Ouvrez la page Collecte. 2 Cliquez sur la zoe d'arrière-pla. 3 Cliquez sur la zoe Couleur de fod das la zoe droite. 4 Sélectioez ue ouvelle couleur de fod das le uacier. 32 Neolae 2013

34 Neolae Digital Cotet Editor : éditio de coteus HTML 5 Validez le chagemet e cliquat sur OK 6 Reproduisez les mêmes étapes pour modifier la couleur du bouto Neolae v6.1 - Foctioalités Web - Neolae Digital Cotet Editor : éditio de coteus HTML 33

35 Neolae Associatio des champs du formulaire Nous allos associer les champs proposés das la page à des champs de la base de doées, afi de stocker les iformatios reseigées. 1 Sélectioez u champ du formulaire. 2 Editez la sectio Champ das la zoe droite de l'éditeur. 3 Sélectioez le champ de la base de doées que vous souhaitez associer au champ sélectioé. 4 Reproduisez cette associatio pour chaque champ de la page. 34 Neolae 2013

36 Neolae Digital Cotet Editor : éditio de coteus HTML Note : Il est possible de redre u champ obligatoire : par exemple, cliquez sur le champ puis activez l'optio Obligatoire. Créatio d'u lie vers la page suivate Cette étape est obligatoire car elle va permettre à l'applicatio Web de détermier le déroulemet des étapes : Eregistrer les doées collectées das la base puis afficher la page suivate (Remerciemets). 1 Sélectioez le bouto Sed It! de la page Collecte. 2 Cliquez das le meu déroulat Actio. Neolae v6.1 - Foctioalités Web - Neolae Digital Cotet Editor : éditio de coteus HTML 35

37 Neolae 3 Sélectioez l'actio Page Suivate. Isertio d'u champ de persoalisatio Cette étape permet de persoaliser le coteu de la page de remerciemets. Pour cela : 1 Ouvrez la page Remerciemets. 2 Positioez le curseur das ue zoe de texte, là où vous souhaitez isérer le préom du destiataire. 3 Sélectioez Champ de persoalisatio das le meu Isérer de la barre d'outils. 36 Neolae 2013

38 Neolae Digital Cotet Editor : éditio de coteus HTML 4 Sélectioez le préom. Le champ de persoalisatio s'affiche sur fod jaue das l'éditeur. Neolae v6.1 - Foctioalités Web - Neolae Digital Cotet Editor : éditio de coteus HTML 37

39 Neolae Etape 3 : Publicatio du coteu La publicatio est réalisée à partir du tableau de bord de l'applicatio web. Cliquez sur le bouto Publicatio pour l'exécuter. Lors de la publicatio, u joural est affiché. Le système de mise e lige aalyse l'itégralité des coteus présets das l'applicatio Web. Note : Das le joural de publicatio, les avertissemets ou erreurs potetiels sot triés par activité. 38 Neolae 2013

40 Neolae Digital Cotet Editor : éditio de coteus HTML Le formulaire est maiteat dispoible : so URL est accessible das le tableau de bord de l'applicatio et peut être proposée aux destiataires. Quick start : 5 étapes pour créer ue diffusio assistée du DCE Présetatio Nous vous proposos ici d'aborder les étapes de réalisatio d'ue diffusio par assistée par le Digital Cotet Editor. Notre objectif fial est d'obteir ue diffusio partat d'u modèle persoalisé coteat : ue adresse directe au destiataire (utilisat ses om et préom), deux types de lies vers ue URL extere, ue page miroir, u lie vers ue applicatio web. Note : Avat de commecer, vous devez avoir e votre possessio au mois u modèle HTML prêt à accueillir le coteu de vos futures diffusios. Etape 1 - Créer ue diffusio Pour créer ue ouvelle diffusio, positioez-vous das l'uivers Campages et cliquez sur Diffusios. Cliquez esuite sur le bouto Créer situé au-dessus de la liste des diffusios existates. Pour plus d'iformatios sur la créatio d'ue diffusio, redez-vous sur la sectio Créer des diffusios. Neolae v6.1 - Foctioalités Web - Neolae Digital Cotet Editor : éditio de coteus HTML 39

41 Neolae Etape 2 - Sélectioez u modèle de diffusio Sélectioez u modèle de diffusio, puis ommez votre diffusio. Ce om sera visible uiquemet par les utilisateurs de la cosole Neolae et o par vos destiataires mais cet ititulé s'affichera das la liste de vos diffusios. Cliquez sur Eregistrer. Etape 3 - Sélectioez u modèle de coteu Le Digital Cotet Editor est livré avec plusieurs modèles d'usie aux structures variables (coloes, zoes de textes, etc.). Lorsqu'u modèle de coteu persoalisé est importé ou créé, so aperçu figure parmi les modèles de cette liste. Pour plus d'iformatios, voir la sectio Gestio des modèles [page 13]. Sélectioez le modèle de coteu qui vous coviet, puis cliquez sur le bouto Commecer avec le coteu sélectioé afi d'afficher le modèle das la diffusio créée. 40 Neolae 2013

42 Neolae Digital Cotet Editor : éditio de coteus HTML Etape 4 - Créer le coteu de votre diffusio Afficher les om et préom de vos destiataires Pour qu'u champ texte de votre diffusio cotiee les oms et préoms de vos destiataires, cliquez sur le champ texte de votre choix, puis positioez le curseur à l'edroit exact où vous souhaitez les afficher. Cliquez sur la première icôe de la barre d'outils cotextuelle, puis sur Bloc de persoalisatio. Sélectioez Salutatios (Greetigs), puis cliquez sur Ok. Isérer u lie sur ue image Afi de permettre aux destiataires de vos diffusios de se redre sur ue adresse extere depuis ue image, cliquez sur l'image cocerée afi d'afficher la barre d'outils cotextuelle, positioez le curseur Neolae v6.1 - Foctioalités Web - Neolae Digital Cotet Editor : éditio de coteus HTML 41

43 Neolae sur la première icôe, puis cliquez sur Lie vers ue URL extere. Pour e savoir plus, redez-vous sur la sectio Utilisatio de la barre d'outils [page 22]. Saisissez l'url du lie das le champ URL selo le format suivat : puis validez. Note : L'adresse du lie est modifiable à tout momet das la partie droite de la feêtre. Isérer u lie sur du texte Afi d'itégrer au texte de votre diffusio u lie vers ue URL extere, sélectioez du texte ou u bloc de texte, puis cliquez sur la première icôe de la barre d'outils cotextuelle. Cliquez sur Lie vers ue URL extere saisissez l'adresse de destiatio du lie das le champs URL. Pour plus d'iformatios, voir la sectio Utilisatio de la barre d'outils [page 22]. Note : L'adresse du lie est modifiable à tout momet das la partie droite de la feêtre. Avertissemet : Le texte saisi das le champ Libellé remplace le texte iitial. Ajouter ue page miroir Pour permettre à vos destiataires d'accéder au coteu de votre diffusio sur u avigateur Web, il vous est possible d'itégrer à votre diffusio u lie vers ue page Web miroir. 42 Neolae 2013

44 Neolae Digital Cotet Editor : éditio de coteus HTML Cliquez sur le champ texte das lequel vous souhaitez voir figurer le lie vers la page miroir. Cliquez sur la première icôe de la barre d'outils cotextuelle, sélectioez Bloc de persoalisatio, puis Lie vers la page miroir (MirrorPage). Validez e cliquat sur Eregistrer. Avertissemet : Le libellé du bloc de persoalisatio remplace automatiquemet le texte itial iscrit das votre diffusio. Itégrer u lie vers ue applicatio Web Le Digital Cotet Editor vous permet d'itégrer des lies vers les applicatios Web de votre cosole Neolae, telles qu'ue ladig page ou ue page formulaire. Pour plus d'iformatios, voir la sectio Utilisatio de la barre d'outils [page 22]. Neolae v6.1 - Foctioalités Web - Neolae Digital Cotet Editor : éditio de coteus HTML 43

45 Neolae Sélectioez u champ texte das lequel figurera votre lie vers l'applicatio Web, puis cliquez sur la première icôe. Choisissez Lie vers ue applicatio Web, puis sélectioez l'applicatio souhaitée e cliquat sur l'icôe située à la fi du champ Applicatio Web. Cliquez sur Eregistrer pour valider. Note : Cette étape requiert l'eregistremet au préalable d'au mois ue applicatio Web. Celles-ci sot situées au iveau de l'uivers Campages > Applicatios Web de votre cosole. Etape 5 - Eregistrer la diffusio Ue fois le coteu itégré, sauvegardez la diffusio e cliquat sur Eregistrer. Elle s'affiche désormais das la liste de vos diffusios das l'uivers Campages > Offres. 44 Neolae 2013

46 CHAPITRE 3 Formulaires Web Table des matières Présetatio Créer u formulaire Web Etapes de créatio Créer le coteu des pages Ajouter des champs Ajouter des élémets statiques Ajouter des coteeurs Mettre e page les élémets Choisir le modèle de redu du formulaire Persoaliser le redu du formulaire Défiir les paramètres de cotrôle et de validatio Défiir u affichage coditioel Importer des élémets Défiir l'echaîemet les pages Costruire le diagramme Naviguer das les formulaires Web Coditioer l'affichage des pages Ajouter des scripts Persoaliser la page de fi Collecter, qualifier et eregistrer les réposes Stocker et utiliser les réposes collectées Eregistrer les réposes Publier et diffuser u formulaire Web Précharger des doées Gérer la diffusio et le suivi Cofigurer les formulaires Web Créer u modèle de formulaire Web Défiir les propriétés du formulaire Traduire u formulaire Choisir les lagues de traductio Gérer les traductios via l'éditeur itégré Exteraliser les traductios Chager la lague d'affichage Exemple : afficher ue applicatio web das plusieurs lagues Paramétrage avacé Cas pratiques Créer u aboemet avec double opt-i Afficher différetes optios e foctio de la valeur sélectioée Neolae v6.1 - Foctioalités Web - Formulaires Web 45

47 Neolae Présetatio Neolae itègre u module graphique de défiitio et de publicatio de formulaires Web afi de créer des pages proposat des champs de saisie et de sélectio, et pouvat iclure des doées de la base. Vous pouvez aisi cocevoir et mettre e lige des pages web auxquelles les utilisateurs pourrot accéder pour cosulter ou reseiger des iformatios. Ce chapitre présete le mode de créatio et de gestio d'u formulaire Web, la gestio des champs et des pages, les modes de stockage et d'eregistremet. Créer u formulaire Web Le chapitre suivat présete les étapes de coceptio d'u formulaire de type webform sous Neolae, aisi que les optios et paramétrages dispoibles. Neolae permet de mettre ce formulaire Web à dispositio des utilisateurs, et de collecter et archiver les réposes das la base de doées. Etapes de créatio Les formulaires Web sot accessibles à partir du meu Applicatios Web dispoible das l'uivers des Campages. Au iveau de l'arborescece Neolae, ils sot regroupés sous le oeud Ressources > O-lie > Applicatios Web de l'arborescece. Pour créer u formulaire Web, cliquez sur le bouto Créer situé au-dessus de la liste des applicatios Web. 46 Neolae 2013

48 Formulaires Web Choisissez le modèle de formulaire Web (par défaut ewwebform). Vous accédez alors au tableau de bord du formulaire. Neolae v6.1 - Foctioalités Web - Formulaires Web 47

49 Neolae L'oglet Editio permet d'e créer le coteu. Pour défiir le paramétrage et le coteu du formulaire Web, les étapes sot les suivates : Créer la ou les pages et les cotrôles qui les composet : champs de saisie, listes déroulates, coteus HTML, etc. Cette étape est présetée ci-dessous. Défiir de l'echaîemet des pages et coditioer l'affichage. Cette étape est présetée das la sectio Défiir l'echaîemet les pages [page 101]. Au besoi, traduire le coteu. Cette étape est présetée das la sectio Traduire u formulaire [page 136] Créer le coteu des pages Les pages du formulaire sot créées au travers d'u éditeur spécifique qui permet de défiir et paramétrer des zoes de saisie (textes), des champs de sélectio (listes, cases à cocher, etc.) et des élémets statiques (images, coteus HTML, etc.). Ils peuvet être regroupés das des coteeurs et mis e page selo vos besois (voir à ce sujet Ajouter des coteeurs [page 86]). La défiitio du coteu et de la mise e page des écras du formulaire sot présetés das les sectios suivates : Ajouter des champs [page 51], Ajouter des élémets statiques [page 72], Ajouter des coteeurs [page 86], Mettre e page les élémets [page 87]. 48 Neolae 2013

50 Formulaires Web Note : Au cours de la coceptio des pages, vous pouvez visualiser le redu fial das le sous-oglet Aperçu. Pour visualiser les modificatios, vous devez eregistrer le formulaire. Les erreurs évetuelles sot affichées das l'oglet Joural. Vous pouvez cotrôler le bo echaîemet des pages et le stockage des iformatios e activat le mode debug au iveau du formulaire Web. Pour cela, à partir du sous-oglet Aperçu, cochez l'optio Activer le mode debug : les iformatios collectées et les évetuelles erreurs d'exécutio serot alors affichées e bas de chaque page. Assistat de créatio de champs Pour chaque page du formulaire, vous pouvez ajouter u champ via le premier bouto de la barre d'outils, depuis le meu Ajout assisté. Sélectioez le type de champ que vous souhaitez créer : vous pouvez choisir d'ajouter u champ de la base, ue variable ou d'importer u groupe de champs créé das u autre formulaire et regroupés das u coteeur. Neolae v6.1 - Foctioalités Web - Formulaires Web 49

51 Neolae Cliquez sur le bouto Suivat et choisissez le champ ou la variable de stockage, ou le coteeur à importer. Cliquez sur Termier pour isérer le champ sélectioé das la page. 50 Neolae 2013

52 Formulaires Web Utiliser les icôes de la barre d'outils Vous pouvez égalemet utiliser les icôes de la barre d'outils ou le bouto droit de la souris pour isérer ue zoe de saisie. Das ce cas, vous devez d'abord sélectioer le type de champ à ajouter puis le mode de stockage des réposes. Cliquez sur Ok pour valider la sélectio. Ajouter des champs Das u formulaire Web, les champs permettet aux utilisateurs de saisir des iformatios et sélectioer des optios. Le formulaire Web peut proposer champs de saisie, des champs de sélectio, des coteus statiques aisi que des coteus avacés de type captcha, aboemets, etc. Neolae v6.1 - Foctioalités Web - Formulaires Web 51

53 Neolae Lorsque vous utilisez l'assistat d'ajout de champs, le type de champ est automatiquemet détecté e foctio du champ ou de la variable de stockage sélectioée. Au besoi, vous pouvez le modifier à partir de la liste déroulate Type de l'oglet Gééral. Lorsque vous utilisez les boutos de la barre d'outils, sélectioez directemet le type de champ à ajouter. Les types de champs dispoibles sot les suivats : Saisie de textes/ombres. Voir Champs de saisie [page 53]. Sélectio das ue liste déroulate. Voir Listes [page 55]. Choix multiple via des cases à cocher. Voir Cases à cocher [page 58]. Sélectio exclusive via des boutos radio. Voir Boutos radio [page 61]. Vote das ue grille d'optios. Voir Matrice [page 63]. Saisie de ombres et de dates. Voir Dates et ombres [page 64]. Aboemet et désaboemet à u service d'iformatio. Voir Aboemets [page 68]. Cotrôle avat validatio via u captcha. Voir Captcha [page 69]. Ajout d'u bouto de téléchargemet. Télécharger u fichier [page 71]. Valorisatio d'ue costate. Voir Costate [page 72]. Vous devez idiquer le mode d'eregistremet des réposes : mise à jour d'u champ de la base (seule la derière valeur eregistrée est coservée) ou stockage das ue variable (la répose e sera pas coservée). Voir à ce sujet la sectio Champs de stockage des réposes [page 109]. Note : Par défaut, la zoe est toujours isérée à la fi de l'arborescece courate. Elle peut être déplacée e utilisat les flèches de la barre d'outils. 52 Neolae 2013

54 Formulaires Web Champs de saisie Pour ajouter u champ de saisie, cliquez sur le bouto Cotrôle de saisie et sélectioez le type de champ à ajouter. Types de champs de saisie Das ue page de formulaire, vous pouvez isérer ciq types de champs texte : Texte : permet à l'utilisateur de saisir du texte, sur ue lige. Nombre : permet à l'utilisateur de saisir u ombre, sur ue lige. Voir à ce sujet la sectio Nombres [page 67]. Lors de la validatio de la page, le coteu des champs est cotrôlé afi de vérifier que la valeur saisie est compatible avec le champ. Voir à ce sujet la sectio Défiir les paramètres de cotrôle et de validatio [page 96]. Mot de passe : permet à l'utilisateur de saisir du texte sur ue seule lige. Lors de la saisie, les caractères sot remplacés par des poits : Avertissemet : Les mots de passe sot stockés e clair das la base, sas cryptage. Texte multi-liges : permet à l'utilisateur de saisir du texte sur plusieurs liges. Avertissemet : Les champs de texte multi-liges sot des champs spécifiques qui peuvet coteir des retours chariots. Leur espace de stockage doit être associé à u champ mappé sur u élémet de type XML elemet et o XML attribute. Pour plus d'iformatios sur les types de doées das les schéma, reportez-vous au chapitre "Référece des schémas" du Guide de cofiguratio. Si vous utilisez le module Questioaire, vous pouvez stocker les champs de ce type das u champ archivé qui s'adaptera automatiquemet au format. Voir à ce sujet le chapitre Neolae Survey Maager - Questioaires e lige [page 181]. Neolae v6.1 - Foctioalités Web - Formulaires Web 53

55 Neolae Texte multi-liges erichi : permet à l'utilisateur de saisir du texte, avec mise e forme, qui sera stocké au format HTML. Vous pouvez sélectioer le type d'éditeur qui sera proposé aux utilisateurs. Pour cela, utilisez la liste déroulate du champ Editeur Html de l'oglet Avacé. Selo le type d'éditeur sélectioé, le ombre d'icôes affichées sera différet. Pour u éditeur Avacé, le redu sera le suivat : 54 Neolae 2013

56 Formulaires Web Paramétrage des champs de saisie Les champs de saisie sot tous paramétrés selo le même mode, au travers des optios suivates : L'oglet Gééral permet de saisir le om du champ et évetuellemet de lui attribuer ue valeur par défaut. Vous pouvez modifier le mode de stockage des réposes à partir du lie Editer le stockage... Les valeurs peuvet être eregistrées das u champ existat de la base de doées, mais vous pouvez choisir de e pas eregistrer les iformatios das la base, e utilisat ue variable locale. Note : Les modes de stockage sot présetés das la sectio Champs de stockage des réposes [page 109] Listes L'oglet Avacé permet de défiir des paramètres d'affichage du champ (positio des libellés, aligemet, etc.). Voir à ce sujet la sectio Mettre e page les élémets [page 87]. Das ue page de formulaire, vous pouvez isérer ue liste déroulate : elle permet à l'utilisateur de sélectioer ue valeur parmi celles proposées das u meu déroulat. Neolae v6.1 - Foctioalités Web - Formulaires Web 55

57 Neolae Pour ajouter ue liste déroulate das ue page de formulaire, cliquez sur le bouto Cotrôles de sélectio > Liste déroulate... das la barre d'outils de l'éditeur de page. Sélectioez le mode de stockage des réposes et validez votre choix. Défiissez les libellés et valeurs de la liste das la sectio iférieure de l'oglet Gééral. Si les iformatios sot stockées das u champ existat de la base de doées et s'il s'agit d'u champ d'éumératio, vous pouvez reseiger automatiquemet les valeurs e cliquat sur le lie Iitialiser la liste des valeurs depuis la base de doées, comme das l'exemple suivat : 56 Neolae 2013

58 Formulaires Web Note : Utilisez les flèches situées à droite de la liste des valeurs pour les ordoer. Si les doées sot stockées das ue table liée, vous pouvez sélectioer le champ où sot eregistrées les valeurs à proposer das la liste. Par exemple, si vous sélectioez la table des pays, cliquez sur le lie Iitialiser la liste des valeurs depuis la base de doées... et sélectioez le champ visé. Cliquez esuite sur le lie Charger pour récupérer les valeurs : Neolae v6.1 - Foctioalités Web - Formulaires Web 57

59 Neolae Avertissemet : E cas de mise à jour des valeurs de la liste, vous devez reouveler cette opératio pour actualiser les valeurs proposées. Cases à cocher Pour que l'utilisateur puisse sélectioer ue optio, utilisez ue case à cocher. Pour ajouter ue case à cocher das ue page de formulaire, cliquez sur l'icôe Cotrôles de sélectio > Case à cocher... das la barre d'outils de l'éditeur de page. Sélectioez le mode de stockage des réposes et validez votre choix. Saisissez le libellé de la case das le champ Libellé de l'oglet Gééral. Ue case à cocher permet d'attribuer au champ (ou à la variable) de stockage ue valeur ou ue autre selo que la case est cochée ou o. La sectio Valeurs permet de saisir la valeur à attribuer si la case est cochée (das le champ Valeur) et la valeur à attribuer si la case est décochée (das le champ Valeur vide). Ces valeurs dépedet du format de stockage des doées. 58 Neolae 2013

60 Formulaires Web Note : Si le champ (ou la variable) de stockage est de type boolée, la valeur à attribuer si la case 'est pas cochée est déduite automatiquemet. Das ce cas, seul le champ Valeur si coché est proposé, comme das l'exemple suivat : Exemple : Attribuer ue valeur à u champ si ue case est cochée Nous allos isérer ue case à cocher das u formulaire afi de trasmettre ue demade d'itervetio, comme ci-dessous : Neolae v6.1 - Foctioalités Web - Formulaires Web 59

61 Neolae L'iformatio sera remotée das la base de doées das u champ existat (ici, le champ Commetaire) : Si la case "Demade d'itervetio" est cochée, la coloe Commetaire cotiedra le message "Itervetio souhaitée", si elle est décochée, elle cotiedra le message "Sas itervetio". Pour obteir ce résultat, le paramétrage de la case à cocher das la page du formulaire doit être le suivat : 60 Neolae 2013

62 Formulaires Web Boutos radio Les boutos radio permettet de proposer à l'utilisateur ue série d'optios à sélectio exclusive. Il s'agit des différetes valeurs d'u même champ. Vous pouvez créer les boutos radio idividuellemet (boutos uitaires) ou via ue liste à choix multiples. Toutefois, le pricipe du bouto radio état de sélectioer ue optio ou ue autre, o créera toujours au mois u couple de boutos radio, et jamais u bouto isolé. Avertissemet : Si vous souhaitez redre la sélectio obligatoire, vous devez créer ue liste à choix multiples. Créer uitairemet chaque bouto Pour ajouter u bouto radio das ue page de formulaire, sélectioez le meu Cotrôles de saisie > Bouto radio das la barre d'outils de l'éditeur de page et choisissez le mode de stockage. Le mode de paramétrage est similaire à celui d'ue case à cocher (voir Cases à cocher [page 58]). Toutefois, aucue valeur 'est attribuée e cas de o sélectio de l'optio. Pour que plusieurs boutos soiet iterdépedats, c'est-à-dire pour que la sélectio de l'u provoque automatiquemet la désélectio de l'autre, ils doivet être stocké das le même champ. S'ils e sot pas stockés e base, la même variable locale doit être utilisée pour le stockage temporaire. Voir à ce sujet la sectio Champs de stockage des réposes [page 109]. Neolae v6.1 - Foctioalités Web - Formulaires Web 61

63 Neolae Créer ue liste de boutos Pour ajouter des boutos radio via ue liste, sélectioez le meu Cotrôles de sélectio > Choix multiples das la barre d'outils de l'éditeur de page. Vous ajoutez autat de boutos radio que de libellés. L'avatage est de pouvoir importer les valeurs d'u champ existat, s'il s'agit d'u champ éuméré, et de pouvoir redre obligatoire le choix d'ue des optios proposées. E revache, la mise e page des boutos radios sera mois souple que celle des boutos uitaires. Note : Vous e pouvez pas autoriser le choix de plusieurs valeurs das les formulaires Web. Les sélectios multiples e peuvet être activées que das les formulaires de type Questioaire. Voir à ce sujet le chapitre Neolae Survey Maager - Questioaires e lige [page 181]. Vous pouvez toutefois isérer u champ de type Choix multiple das ue applicatio Web, mais vous e pouvez pas autoriser le choix de plusieurs valeurs : les optios proposées pourrot être sélectioées via des boutos radio. 62 Neolae 2013

64 Formulaires Web Matrice Les matrices sot utilisées pour réaliser des pages de votes das les applicatios Web. Vous pouvez aisi proposer des listes de boutos radio afi de répodre à des formulaires Web de type sodages ou évaluatio, comme das l'exemple ci-dessous : Pour itégrer des élémets de ce type das u formulaire, vous devez créer ue matrice simple et ajouter ue lige pour chaque élémet à évaluer. Le ombre de boutos radio de chaque lige de matrice correspod au ombre de valeurs défiies das la matrice simple. Das chaque lige de matrice, ue seule optio peut être sélectioée. Neolae v6.1 - Foctioalités Web - Formulaires Web 63

65 Neolae Note : Das otre exemple, le libellé de la matrice est masqué. Pour cela, l'oglet Avacé, l'affichage de la Positio du libellé est défii comme Caché. Voir à ce sujet la sectio Défiir la positio des libellés [page 89]. Dates et ombres Le coteu des champs du formulaire peut être formaté pour correspodre aux doées stockées das la base ou répodre à u besoi spécifique. Vous pouvez créer des champs adaptés pour la saisie de ombres et de dates. Dates Pour permettre à l'utilisateur d'idiquer ue date das ue page de formulaire, sélectioez le meu Ajouter ue zoe de saisie > Date... das la barre d'outils de l'éditeur de page. Idiquez le libellé du champ et le mode de stockage des doées. 64 Neolae 2013

66 Formulaires Web La sectio iférieure de la feêtre permet de sélectioer les formats de date et d'heure pour les valeurs reseigées das ce champ. Vous pouvez égalemet choisir de e pas afficher la date (ou l'heure). Les dates peuvet être sélectioées via u caledrier ou des listes déroulates. Vous pouvez aussi les saisir directemet das le champ. Toutefois, elles doivet respecter le format spécifié das l'écra ci-dessus. Neolae v6.1 - Foctioalités Web - Formulaires Web 65

67 Neolae Note : Format de saisie des dates Par défaut, les dates utilisées das les formulaires sot reseigées via u caledrier. Das le cadre de formulaires multiligues, ous vous ivitos à vérifier que les caledriers sot dispoibles pour toutes les lagues utilisées. Voir à ce sujet Traduire u formulaire [page 136]. Toutefois, il peut être plus adapté, par exemple pour idiquer ue date de aissace, d'utiliser des listes déroulates. Pour cela, cliquez sur l'oglet Avacé et choisissez u mode de saisie par Listes déroulates. Vous pouvez alors borer les valeurs proposées das la liste. 66 Neolae 2013

68 Formulaires Web Nombres Das u champ umérique, l'utilisateur e peut saisir que des chiffres : u cotrôle de saisie est automatiquemet appliqué lors de la validatio de la page. E foctio du champ de stockage des doées das la base, u formatage spécifique ou certaies restrictios peuvet être appliqués. Vous pouvez égalemet défiir des valeurs miimales et maximales. Le paramétrage de ce type de champ est le suivat : La valeur par défaut est la valeur affichée das le champ lors de l'affichage du formulaire. Elle peut être corrigée par l'utilisateur. Neolae v6.1 - Foctioalités Web - Formulaires Web 67

69 Neolae Vous pouvez ajouter u préfixe et/ou u suffixe au champ umérique, à partir de l'oglet Avacé, comme das l'exemple suivat : Das le formulaire, le redu sera : Aboemets Vous pouvez ajouter des cotrôles pour permettre aux utilisateurs de s'aboer ou se désaboer à u ou plusieurs services d'iformatio (ewsletters, alertes, otificatios e temps réel, etc.). Pour s'aboer, l'utilisateur coche le service correspodat. Pour créer ue case à cocher d'aboemet, cliquez sur Cotrôles avacés > Aboemet. 68 Neolae 2013

70 Formulaires Web Idiquez le libellé de la case à cocher et sélectioez le service d'iformatio coceré das la liste déroulate Service. Note : Les services d'iformatio sot présetés das le chapitre "Services d'iformatio et parraiage" du guide Neolae Delivery. L'utilisateur sera aboé au service spécifié s'il coche l'optio correspodate. Avertissemet : Si l'utilisateur est déjà aboé à u service d'iformatio et que la case correspodat à ce service est décochée lorsqu'il valide le formulaire, il sera alors désaboé. Captcha Des exemples de mise e oeuvre d'aboemets et de parraiage sot présetés das le chapitre Neolae Survey Maager - Questioaires e lige [page 181]. Les captcha permettet de préveir l'utilisatio frauduleuse de vos formulaires Web. Avertissemet : Si votre formulaire est composé de plusieurs pages, le Captcha doit toujours être positioé das la derière page, immédiatemet avat la boîte d'eregistremet, afi de préveir tout cotouremet de la sécurité. Pour isérer u Captcha das u formulaire, cliquez sur le premier bouto de la barre d'outils et choisissez Cotrôles avacés > Captcha. Neolae v6.1 - Foctioalités Web - Formulaires Web 69

71 Neolae Saisissez le libellé du champ. Ce libellé sera affiché devat la zoe d'affichage du captcha. Vous pouvez modifier le positioemet de ce libellé à partir de l'oglet Avacé. Note : Pour les cotrôles de type captcha, il 'est pas écessaire d'idiquer de champ ou variable de stockage. Le Captcha est iséré das la page avec u champ de saisie positioé sous le visuel afi de permettre la saisie. Ces deux élémets sot idissociables : pour la mise e page, ils sot cosidérés comme u seul élémet (ils 'occupet qu'ue seule cellule). Lors de la validatio de la page, le champ de saisie est affiché e rouge si le coteu du Captcha 'a pas été saisi correctemet. 70 Neolae 2013

72 Formulaires Web Vous pouvez créer u message d'erreur à afficher : pour cela, utilisez le lie Persoaliser le message das l'oglet Gééral. Note : Les captchas sot composés de 8 caractères. Vous e pouvez pas modifier cette valeur. Télécharger u fichier Vous pouvez ajouter das ue page u champ de téléchargemet. Cette foctioalité peut être utile, par exemple das le cotexte d'u itraet, afi de partager des fichiers. Pour ajouter u champ de téléchargemet das ue page de formulaire, sélectioez le meu Cotrôles avacés > Fichier... das la barre d'outils de l'éditeur de page. Les fichiers téléchargés sot par défaut stockés das les ressources fichiers accessibles à partir du meu Ressources > O-lie > Ressources publiques. Vous pouvez modifier ce comportemet par u script. Ce script peut utiliser les foctios défiies das le fichier jsapi.chm fouri par Neolae, otammet celles relatives à la maipulatio des fichiers. Vous pouvez stocker le lie vers ces fichiers das ue variable locale ou das u champ de la base. Vous pouvez, par exemple, étedre le schéma des destiataires afi d'ajouter u lie vers les ressources fichiers. Avertissemet : Ce type de champ doit être réservé aux formulaires dot l'accès est sécurisé via la saisie d'u idetifiat/mot de passe. Neolae 'applique aucu cotrôle sur la taille ou le type de ressource téléchargée : il est doc vivemet recommadé de 'utiliser les champs de téléchargemet que pour les sites de type itraet sécurisé. Lorsque plusieurs serveurs sot associés à l'istace (foctioemet e 'load balacig'), vous devez vous assurer que les appels au formulaire Web arrivet sur le même serveur Ce type d'implémetatio peut écessiter l'itervetio de l'équipe Cosultig de Neolae. Neolae v6.1 - Foctioalités Web - Formulaires Web 71

73 Neolae Costate Vous pouvez valoriser u champ lorsque l'utilisateur passe sur ue des pages du formulaire. Pour cela, positioez ue costate das la page cocerée et idiquez la valeur et l'espace de stockage. Ce champ 'est pas visible par l'utilisateur mais permet d'erichir les doées de so profil. Das l'exemple suivat, le champ origie du profil du destiataire est automatiquemet reseigé lorsqu'u utilisateur valide cette page. La costate 'est pas affichée das la page. Ajouter des élémets statiques Vous pouvez iclure das ue page de formulaire des élémets avec lesquels l'utilisateur 'a pas d'iteractio : il s'agit d'élémets statiques tels qu'ue image, u coteu HTML, ue barre horizotale ou lie hypertexte. Ces élémets sot créés à partir du premier bouto de la barre d'outils, depuis le meu Ajouter u élémet statique. Les types de champs dispoibles sot les suivats : Valeur issue des réposes fouries atérieuremet (das le cotexte du formulaire) ou de la base de doées. Lie hypertexte, HTML, barre horizotale. Voir ci-dessous la sectio Coteus HTML [page 73]. Image eregistrée das la bibliothèque de ressources ou sur u serveur accessible par les utilisateurs. Voir ci-dessous la sectio Images [page 85]. Script exécuté côté cliet et/ou côté serveur. Il doit être rédigé e Javascript et compatible avec la plupart des avigateurs afi d'assurer ue boe exécutio côté cliet. 72 Neolae 2013

74 Formulaires Web Note : Côté serveur, le script peut utiliser les foctios défiies das le fichier jsapi.chm fouri par Neolae. Coteus HTML Vous pouvez iclure des coteus HTML das ue page de formulaire : lies hypertextes, images, paragraphes formatés, objets vidéo, Flash, etc. Isérer du HTML L'éditeur HTML vous permet de saisir directemet le coteu à isérer das la page du formulaire. Pour accéder à cet éditeur, choisissez le meu Elémets statiques > HTML. Vous pouvez saisir et mettre e forme directemet votre coteu ou afficher la feêtre du code source pour y coller u coteu extere. Pour basculer e mode "code source", cliquez sur la première icôe de la barre d'outils : Neolae v6.1 - Foctioalités Web - Formulaires Web 73

75 Neolae Note : Pour isérer u champ de la base, utilisez le bouto de persoalisatio. Les chaîes saisies das l'éditeur HTML e fot l'objet d'ue traductio que si elles sot défiies das le sous-oglet Textes. Das le cas cotraire, elles e sot pas collectées. Voir à ce sujet la sectio Traduire u formulaire [page 136]. Isérer u lie Reseigez les champs de la feêtre d'éditio, comme das l'exemple ci-dessous : Pour ajouter u lie hypertexte, choisissez le meu Elémets statiques > Lie. Le Libellé est le coteu du lie hypertexte, tel qu'il sera affiché das la page du formulaire. L'URL correspod à l'adresse visée, par exemple : pour u site web ou mailto:ifo@eolae.com pour evoyer u message. 74 Neolae 2013

76 Formulaires Web Le champ Feêtre permet de sélectioer le mode d'affichage du lie, lorsqu'il s'agit d'u site. Vous pouvez choisir d'ouvrir le lie das ue ouvelle feêtre, das la feêtre courate ou das ue autre feêtre. Vous pouvez ajouter ue bulle d'aide, comme das l'exemple ci-dessous : Note : Vous pouvez choisir d'afficher le lie sous forme de bouto ou d'image. Pour cela, sélectioez l'affichage das le champ Type. Types de lies Par défaut, les lies sot associés à ue actio de type URL, qui permettet de saisir ue adresse de destiatio du lie das le champ URL. Vous pouvez défiir d'autres actios pour le lie. Aisi, lorsque l'utilisateur clique sur le lie, il peut : Actualiser la page Pour cela, sélectioez l'optio Actualiser la page das la liste déroulate du champ Actio. Neolae v6.1 - Foctioalités Web - Formulaires Web 75

77 Neolae Afficher la page suivate / précédete Pour cela, sélectioez l'optio Page suivate ou Page précédete das la liste déroulate du champ Actio. Vous pouvez masquer les boutos Suivat et/ou Précédet si u lie est destié à les remplacer. Voir à ce sujet la sectio Défiir l'echaîemet les pages [page 101]. Aisi, le lie paramétré remplacera le bouto Suivat utilisé par défaut. Afficher ue autre page 76 Neolae 2013

78 Formulaires Web L'optio Activer ue trasitio permet d'afficher ue page spécifique, associée à la trasitio sortate sélectioée das le champ Trasitio. Par défaut, ue page 'a qu'ue trasitio sortate. Pour créer de ouvelles trasitios, sélectioez la page puis cliquez sur le bouto Ajouter de la sectio Trasitios sortates, comme das l'exemple ci-dessous : Neolae v6.1 - Foctioalités Web - Formulaires Web 77

79 Neolae Das le diagramme, cet ajout sera représeté comme das l'exemple ci-dessous : Note : L'echaîemet des pages d'u formulaire Web est préseté das la sectio Défiir l'echaîemet les pages [page 101]. Pré-remplir les champs du formulaire avec les doées de profil Facebook Avertissemet : Cette foctio 'est dispoible que si vous avez istallé l'applicatio Neolae Social Marketig. Avat d'utiliser cette optio, vous devez créer ue applicatio Facebook, aisi qu'u compte extere de type Facebook Coect. Voir à ce sujet le guide Neolae Social Marketig. L'optio Précharger avec Facebook permet d'isérer, das u formulaire, u bouto permettat de pré-remplir les champs grâce aux iformatios de profil Facebook. 78 Neolae 2013

80 Formulaires Web Lorsque l'utilisateur clique sur le bouto Remplir automatiquemet, l'écra de demade de coexio Facebook apparaît. Note : Il est possible de modifier la liste des droits étedus lors de la cofiguratio du compte extere. Si vous e reseigez aucu droit étedu, Facebook trasmet par défaut les iformatios de base du profil. Pour coaître la liste des droits étedus et leur sytaxe, suivez le lie : Si l'utilisateur autorise le partage de ses iformatios, les champs du formulaire sot alors pré-remplis. Pour réaliser ce cas d'utilisatio, ous avos créé ue applicatio web composée des élémets suivats : ue page coteat le formulaire ue activité Eregistremet Neolae v6.1 - Foctioalités Web - Formulaires Web 79

81 Neolae ue activité Fi Les étapes d'ajout du bouto de pré-remplissage sot les suivates : 1 Créez votre formulaire. 2 Positioez-vous au même iveau que les champs du formulaire et ajoutez u lie. 80 Neolae 2013

82 Formulaires Web 3 Reseigez le libellé et sélectioez le type Bouto. 4 Das le champ Actio, sélectioez Précharger avec Facebook. Neolae v6.1 - Foctioalités Web - Formulaires Web 81

83 Neolae 5 Das le champ Applicatio, sélectioez le compte extere de type Facebook Coect créé précédemmet. Voir à ce sujet : Neolae Social Marketig. Persoaliser le coteu HTML Vous pouvez persoaliser le coteu HTML d'ue page de formulaire avec des doées eregistrées das ue page précédete. Par exemple, vous pouvez créer u formulaire Web d'assurace automobile dot la première page permet d'idiquer les coordoées et la marque du véhicule. Vous pouvez réijecter das la page suivate le om de l'utilisateur et la marque sélectioée e utilisat des champs de persoalisatio. La sytaxe à utiliser déped du mode de stockage des iformatios. Voir à ce sujet la sectio Utiliser les iformatios collectées [page 114]. Note : Pour des raisos de sécurité, la valeur saisie das la formule <%= est remplacée par des caractères d'échappemet. Pour éviter cela, et seulemet e cas de besoi, utilisez la sytaxe suivate : <%==. 82 Neolae 2013

84 Formulaires Web Das otre exemple, le om et le préom du destiataire sot stockés das u champ de la base, tadis que la marque de so véhicule est stockée das ue variable. La sytaxe du message persoalisé e page 2 sera la suivate : <P>Bieveue <%= ctx.recipiet.@firstname %> <%= ctx.recipiet.@lastname %>,</P> <P>Pour réaliser votre étude persoalisée, sélectioez le modèle de votre véhicule <%=ctx.vars.marque%> et idiquez so aée de mise e circulatio.</p> Le résultat sera le suivat : L'oglet Texte permet de créer des champs variables qui peuvet être utilisés das le HTML etre les caractères <%= et %>, avec la sytaxe suivate : $(Champ). Neolae v6.1 - Foctioalités Web - Formulaires Web 83

85 Neolae Par exemple, vous pouvez créer u champ Cotact qui permettra d'afficher la chaîe "Derier cotact le" das le coteu HTML. Pour cela, cliquez sur l'icôe Ajouter et saisissez le champ et le coteu correspodat. Das le coteu HTML, isérez ce champ via la sytaxe <%= $(Cotact) %>. Avertissemet : Si vous saisissez ces caractères das l'éditeur HTML, les champs < et > sot remplacés par leurs caractères d'échappemet. Das ce cas, vous devez corriger le code source e cliquat sur l'icôe Afficher le code source de l'éditeur de texte HTML. 84 Neolae 2013

86 Formulaires Web Ouvrez l'oglet Prévisualisatio du formulaire pour visualiser la valeur reseigée das le HTML : Images Ce mode de foctioemet permet de factoriser les textes des formulaires Web et d'e gérer les traductios au travers de l'outil itégré de traductio. Voir à ce sujet la sectio Traduire u formulaire [page 136]. Pour iclure des images das les formulaires, elles doivet être eregistrées sur u serveur accessible depuis l'extérieur. Sélectioez le meu Elémets statiques > Image. Sélectioer la source de l'image à isérer : elle peut être issue de la bibliothèque de ressources publiques ou stockée sur u serveur extere accessible de l'extérieur. S'il s'agit d'ue image de la bibliothèque, sélectioez-la das la liste déroulate du champ; S'il s'agit d'ue image extere, saisissez le chemi d'accès à l'image à isérer. Le libellé sera affiché lorsque l'utilisateur passe la souris sur l'image (correspod à u champ ALT e HTML), ou lorsque l'image 'est pas affichée. La sectio cetrale de l'éditeur permet de visualiser l'image. Neolae v6.1 - Foctioalités Web - Formulaires Web 85

87 Neolae Ajouter des coteeurs Les coteeurs permettet de regrouper les champs d'ue page et d'e paramétrer la mise e page. Ils permettet d'orgaiser les élémets das la page. Pour chaque page du formulaire, les coteeurs sot créés à partir du bouto Coteeurs de la barre d'outils. Utilisez u coteeur pour grouper des élémets de la page sas ajouter de libellé das le redu fial. Les élémets sot regroupés e sous-arborescece du coteeur. Les coteeurs stadards permettet de mettre e page les différets cotrôles. Exemple : La positio des libellés est appliquée aux élémets placés e sous-arborescece du coteeur. Elle peut évetuellemet être surchargée au iveau de chaque élémet. Le ombre de coloes permet de défiir la mise e page. Voir à ce sujet la sectio Mettre e page les élémets [page 87]. Das l'exemple ci-dessus, le redu sera le suivat : 86 Neolae 2013

88 Formulaires Web Mettre e page les élémets Placer les champs de la page La mise e page du formulaire Web est défiie au iveau de la page, au iveau de chaque coteeur et peut être surchargée pour chaque cotrôle. Les pages sot orgaisées e coloes : chaque page cotiet u certai ombre de coloes. Chaque champ de la page occupe cellules. Les coteeurs s'étedet eux aussi sur u certai ombre de coloes et les champs qu'ils cotieet s'étedet sur u certai ombre de cellules. Par défaut, les pages sot costruites sur ue seule coloe et chaque élémet occupe ue cellule. Aisi, les zoes sot affichées les ues e dessous des autres, chacue occupat toute la lige, comme ci-dessous : Das l'exemple suivat, le paramétrage par défaut a été coservé. La page est costruite sur ue seule coloe et cotiet quatre coteeurs. Neolae v6.1 - Foctioalités Web - Formulaires Web 87

89 Neolae Chaque coteeur s'éted sur ue coloe et chaque élémet occupe ue cellule : Le redu est le suivat : Vous pouvez adapter les paramètres d'affichage pour obteir le redu suivat : 88 Neolae 2013

90 Formulaires Web Das l'exemple de redu ci-dessus, chaque zoe de saisie, chaque titre et chaque image occupet ue seule cellule das les coloes des coteeurs. Vous pouvez modifier la mise e page au iveau de chaque coteeur. Das otre exemple, vous pouvez passer le coteu du coteeur 4 sur deux coloes et répartir les élémets. Le titre et la liste occupet ue cellule chacu (doc toute ue lige du coteeur) et la case à cocher s'éted sur deux cellules. Le ombre de cellule attribuée à la zoe de saisie est défii das l'oglet Gééral ou das l'oglet Avacé, selo le type de zoe : Défiir la positio des libellés Vous pouvez défiir l'aligemet des champs et des libellés du formulaire. Par défaut, les paramètres d'affichage des champs et autres coteus de la page sot hérités du paramétrage gééral du formulaire, le paramétrage de la page ou celui du coteeur paret, s'il existe. Neolae v6.1 - Foctioalités Web - Formulaires Web 89

91 Neolae Les paramètres d'affichage globaux pour tout le formulaire sot idiqués das la boîte de propriétés du formulaire. L'oglet Redu permet de sélectioer la positio des libellés. Cette positio peut être surchargée au iveau de chaque page, puis de chaque coteeur et efi au iveau de chaque champ, à partir de l'oglet Avacé. Les aligemets supportés sot les suivats : Hérité : l'aligemet est hérité de l'élémet paret (valeur par défaut), c'est-à-dire le coteeur paret, ou, à défaut, la page. Gauche/Droite : le libellé est positioé à droite ou à gauche du champ, Au-dessus/E-dessous : le libellé est positioé au-dessus ou e-dessous du champ, Caché : le libellé 'est pas affiché. 90 Neolae 2013

92 Formulaires Web Choisir le modèle de redu du formulaire La boîte de propriétés du formulaire permet de choisir le modèle utilisé pour la géératio des pages. Pour y accéder, cliquez sur le bouto Propriétés situé das la barre d'outils du détail du formulaire, et sélectioez l'oglet Redu. Plusieurs modèles (thèmes) sot proposés par défaut. La sectio iférieure de l'éditeur permet de visualiser u exemple de redu du modèle sélectioé. La loupe permet d'éditer le modèle sélectioé. Neolae v6.1 - Foctioalités Web - Formulaires Web 91

93 Neolae Vous pouvez modifier ou surcharger ces modèles. Pour cela, cliquez sur le lie Mise e page... et persoalisez les iformatios. Vous pouvez : Modifier l'image utilisée comme logo et adapter sa taille, Idiquer égalemet le chemi d'accès à l'image d'aperçu proposée aux utilisateurs lorsqu'ils sélectioet ce modèle de redu. L'oglet E-têtes/Pieds permet de modifier les iformatios affichées e e-tête et pied de page de chacue des pages des formulaires utilisat ce modèle. Chaque lige des sectios E-têtes de page et Pieds de page correspod à ue lige das la page HTML. Cliquez sur Ajouter pour créer ue ouvelle lige. 92 Neolae 2013

94 Formulaires Web Sélectioez ue lige existate et cliquez sur le bouto Détail pour la persoaliser. Vous pouvez modifier le coteu de la lige, ajouter des bordures et chager les attributs de la police de caractères utilisée à partir des oglets correspodats. Cliquez sur OK pour valider ces modificatios. Les champs Positio permettet de défiir la positio des élémets das l'e-tête et das le pied de page. Note : Les modèles de redus sot stockés das le oeud Admiistratio > Paramétrage > Redus des formulaires. Voir égalemet la sectio Persoaliser le redu du formulaire [page 93] Persoaliser le redu du formulaire Adapter la mise e page des élémets Vous pouvez surcharger la feuille de style au iveau de chaque élémet du formulaire (champs de saisie, images, boutos radio, etc.). Neolae v6.1 - Foctioalités Web - Formulaires Web 93

95 Neolae Pour cela, utilisez l'oglet Avacé. Il permet de défiir les propriétés suivates : Positio du libellé : voir Défiir la positio des libellés [page 89], Format du libellé : Retour à la lige ou Pas de retour à la lige, Nombre de cellules : voir Placer les champs de la page [page 87], Aligemet horizotal (Gauche, Droite, Cetré) et vertical (Haut, Bas, Milieu), Largeur de la zoe : elle peut être exprimée e pourcetage, e em, e poits ou e pixels (valeur par défaut). Logueur maximale : ombre de caractères maximum autorisé (pour u cotrôle de type Texte, Nombre, Mot de passe), Liges : ombre de liges pour ue zoe de type Texte Multi-liges. 94 Neolae 2013

96 Formulaires Web Style ilie : permet de surcharger la feuille de styles CSS avec des paramètres supplémetaires. Ils sot séparés les us des autres par des caractères ;, comme das l'exemple ci-dessous :. Défiir les e-têtes et pieds de pages Les champs sot echaîés das ue arborescece dot la racie porte le om de la page. Sélectioez-la pour modifier ce om. Le titre de la feêtre doit être saisi das l'oglet Page des propriétés du formulaire. Vous pouvez égalemet ajouter u coteu fixe e e-tête et e pied de la page (ces iformatios figurerot sur chacue des pages). Ce coteu doit être saisi das les sectios correspodates de l'oglet Textes. Comme das l'exemple ci-dessous : Neolae v6.1 - Foctioalités Web - Formulaires Web 95

97 Neolae Ajouter des élémets das l'e-tête HTML Vous pouvez saisir des élémet additioels à isérer das l'e-tête HTML d'ue page de formulaire. Pour cela, saisissez ces élémets das l'oglet E-tête de la page visée. Aisi, par exemple, vous pouvez y référecer ue icôe qui sera affichée das la barre de titre de la page. Défiir les paramètres de cotrôle et de validatio Lorsque l'utilisateur remplit le formulaire, u cotrôle est automatiquemet effectué sur certais champs, e foctio de leur format ou de leur paramétrage. Vous pouvez aisi redre obligatoire la saisie de certaies iformatios (voir Défiir les champs obligatoires [page 97]) ou appliquer u cotrôle sur le format des doées saisies (voir Cotrôler le format des doées [page 98]). Le cotrôle est effectué lors de la validatio de la page (clic sur u lie ou u bouto qui active ue trasitio sortate). 96 Neolae 2013

98 Formulaires Web Défiir les champs obligatoires Pour redre obligatoire le reseigemet d'u champ, vous devez cocher l'optio correspodate lors de la créatio du champ. Lorsque l'utilisateur valide la page, si le champ 'est pas reseigé, le message d'erreur est le suivat : Neolae v6.1 - Foctioalités Web - Formulaires Web 97

99 Neolae Vous pouvez persoaliser ce message e cliquat sur le lie Persoaliser ce message. Lorsque l'utilisateur valide la page, si le champ 'est pas reseigé, le message d'erreur sera le suivat : Cotrôler le format des doées Pour les cotrôles du formulaire dot les valeurs serot stockées das u champ existat de la base de doées, les règles du champ de stockage sot appliquées. Pour les cotrôles du formulaire dot les valeurs serot stockées das ue variable, les règles de validatio dépedet du format de la variable. 98 Neolae 2013

100 Formulaires Web Par exemple, si vous créez u cotrôle de type Nombre pour stocker le uméro du cliet, comme das l'exemple suivat : L'utilisateur devra saisir u ombre etier das le champ correspodat du formulaire. Défiir u affichage coditioel Vous pouvez coditioer l'affichage des champs de la page e foctio des valeurs sélectioées par l'utilisateur. Le coditioemet peut s'appliquer à u champ ou à u groupe de champs (lorsqu'ils sot regroupés das u coteeur). Pour chaque élémet de la page, la sectio Visibilité permet de défiir la ou les coditios d'affichage. Neolae v6.1 - Foctioalités Web - Formulaires Web 99

101 Neolae Note : Sélectio des champs Les coditios peuvet porter sur la valeur de champs de la base ou de variables. Das la feêtre de sélectio d'u champ, vous pouvez sélectioer parmi les doées dispoibles : L'arborescece pricipale cotiet les paramètres du cotexte du formulaire. Les paramètres par défaut sot l'idetifiat (qui correspod à l'idetifiat crypté du destiataire), la Lague et l'origie. Voir à ce sujet Paramètres de l'url [page 133]. La sous-arborescece Destiataires cotiet les champs de saisie isérés das le formulaire et stockés das la base de doées. Voir à ce sujet Stocker das u champ de la base [page 110]. La sous-arborescece Variables cotiet les variables dispoibles pour ce formulaire. Voir à ce sujet Stocker das ue variable locale [page 110]. Voir à ce propos le cas pratique proposé das la sectio Afficher différetes optios e foctio de la valeur sélectioée [page 162]. Vous pouvez aussi coditioer l'affichage des pages du formulaire via l'objet Test. Voir à ce sujet la sectio Coditioer l'affichage des pages [page 106]. Importer des élémets Vous pouvez importer des champs ou des cotaiers issus d'autres formulaires Web. Aisi, vous pouvez créer ue bibliothèque de blocs réutilisables qui serot isérés das les formulaires, par exemple le pavé adresse, la zoe d'iscriptio à vos ewsletters, etc. Pour importer u élémet das u formulaire, les étapes sot les suivates : 1 Editez la page das laquelle vous souhaitez iclure u ou plusieurs élémets et cliquez sur le bouto Importer u bloc existat de la barre d'outils. 100 Neolae 2013

102 Formulaires Web 2 Sélectioez le formulaire Web coteat les champs à importer et choisissez les coteeurs et les champs à importer. Note : L'icôe Editer le lie située à droite du om du formulaire source permet de visualiser le formulaire Web sélectioé. 3 Cliquez sur Ok pour valider l'isertio des élémets. Défiir l'echaîemet les pages Costruire le diagramme Le formulaire peut coteir ue ou plusieurs pages. Il est costruit au travers d'u diagramme qui permet d'echaîer les pages et les étapes de test, d'exécutio de script, d'eregistremet et les sauts. Le mode de costructio du diagramme est le même que pour u workflow. Naviguer das les formulaires Web Coditioer la page à afficher Voir la sectio Coditioer l'affichage des pages [page 106]. Neolae v6.1 - Foctioalités Web - Formulaires Web 101

103 Neolae Iterdire le retour à la page précédete / le passage à la page suivate Pour chaque page, il est possible de supprimer les boutos Suivat ou Précédet. Pour cela, sélectioez la page cocerée et cochez l'optio Ne pas autoriser le passage à la page suivate ou Ne pas autoriser le retour à la page précédete. Vous pouvez remplacer ces boutos par des lies. Voir à ce sujet la sectio Coteus HTML [page 73]. Isérer u saut L'objet Saut permet d'accéder à ue autre page ou u autre formulaire lorsque l'utilisateur clique sur le bouto Suivat. La destiatio peut être : 102 Neolae 2013

104 Formulaires Web Ue autre page du formulaire. Pour cela, sélectioez l'optio Activité itere puis idiquez la page visée, comme ci-dessous : U autre formulaire. Pour cela, sélectioez l'optio Explicite et idiquez le formulaire de destiatio. Neolae v6.1 - Foctioalités Web - Formulaires Web 103

105 Neolae La destiatio peut être stockée das ue variable. Das ce cas, il suffit de la sélectioer das la liste déroulate, comme das l'exemple suivat : Note : L'oglet Commetaire permet de saisir des iformatios qui serot visibles par l'opérateur lorsqu'il clique sur l'objet das le diagramme. Exemple : afficher u autre formulaire e foctio d'u paramètre de l'url Das cet exemple ous allos paramétrer u formulaire Web qui permet, à la validatio, d'afficher u autre formulaire, désigé par u paramètre de l'url. Les étapes sot les suivates : 104 Neolae 2013

106 Formulaires Web 1 Isérez u saut à la fi d'u formulaire : le saut remplace alors la boîte de Fi. 2 Das les propriétés du formulaire, ajoutez u paramètre (ext) stocké das ue variable locale (ext). Les variables locales sot présetées das la sectio Stocker das ue variable locale [page 110]. Neolae v6.1 - Foctioalités Web - Formulaires Web 105

107 Neolae 3 Editez l'objet Saut, choisissez l'optio Stockée das ue variable et sélectioez la variable ext das la liste déroulate. 4 L'URL de diffusio doit coteir le om itere du formulaire de destiatio, par exemple : Aisi, lorsque l'utilisateur clique sur le bouto Valider, le formulaire APP22 est affiché. Lie vers ue autre page Vous pouvez isérer des lies vers d'autres pages du formulaire. Pour cela, vous devez ajouter das la page u élémet statique de type Lie. Voir à ce sujet Isérer u lie [page 74]. Coditioer l'affichage des pages E foctio des réposes/valeurs d'u champ La boîte de Test permet de coditioer l'echaîemet des pages das u formulaire. Elle permet de défiir différets embrachemets e foctio du résultat d'u test. Vous pouvez aisi afficher des pages différetes e foctio des réposes fouries par l'utilisateur. Par exemple, vous pouvez afficher ue page différete pour les cliets ayat déjà commadé sur iteret, et ue autre pour ceux ayat effectué plus de dix commades. Pour cela, das la première page du formulaire, isérez ue zoe de saisie de type Nombre pour que l'utilisateur idique le ombre de commades passées. 106 Neolae 2013

108 Formulaires Web Vous pouvez stocker cette iformatio das u champ de la base de doées ou utiliser ue variable locale, selo vos besois. Note : Les modes de stockage sot présetés das la sectio Champs de stockage des réposes [page 109]. Das otre exemple, ous allos utiliser ue variable : Das le diagramme du formulaire, isérez esuite ue boîte de test afi de défiir les coditios. Pour chaque coditio, u ouveau brachemet sera ajouté e sortie de la boîte de test. Cochez l'optio Activer le brachemet par défaut pour ajouter ue trasitio pour les cas où aucue des coditios 'est vraie. Cette optio 'est pas utile si tous les cas possibles sot couverts par les coditios défiies. Neolae v6.1 - Foctioalités Web - Formulaires Web 107

109 Neolae Défiissez esuite l'echaîemet des pages lorsque l'ue ou l'autre des coditios est vérifiée, par exemple : E foctio des paramètres d'iitialisatio Vous pouvez égalemet persoaliser l'echaîemet des pages e foctio des paramètres d'iitialisatio du formulaire web ou e foctio de valeurs stockées e base. Voir à ce sujet la sectio Paramètres de l'url [page 133]. Ajouter des scripts L'objet Script vous permet de saisir directemet u script Javascript par exemple pour modifier la valeur d'u champ, récupérer des doées das la base ou appeler ue API Neolae. Persoaliser la page de fi Vous devez positioer ue page de fi à la fi du diagramme. La page de fi est affichée lorsque l'utilisateur clique sur le bouto Valider du formulaire Web. Pour persoaliser cette page, double-cliquez sur l'objet Fi et saisissez le coteu de la page das l'éditeur cetral. Note : Vous pouvez copier et coller u coteu HTML existat. Pour cela, cliquez sur le bouto Afficher le code source et isérez le code HTML. Vous pouvez utiliser ue URL extere : pour cela, cochez l'optio correspodate et saisissez l'url de la page à afficher. 108 Neolae 2013

110 Formulaires Web Collecter, qualifier et eregistrer les réposes Stocker et utiliser les réposes collectées Champs de stockage des réposes Les réposes aux formulaires peuvet être eregistrées das u champ de la base ou temporairemet das ue variable locale. Le mode de stockage des réposes est sélectioé lors de la créatio d'u champ. Il peut être modifié à partir du lie Editer le stockage... Pour chaque champ de saisie d'u formulaire, les optios de stockage suivates sot dispoibles : Editer u destiataire Vous pouvez sélectioer u champ de la base de doées : les réposes des utilisateurs serot stockées das ce champ. Pour chaque utilisateur, seule la derière valeur saisie est coservée : elle est ajoutée aux doées de so profil. Voir Stocker das u champ de la base [page 110]. Variable Vous pouvez utiliser ue variable si vous e souhaitez pas stocker les iformatios das la base de doées. Les variables locales peuvet être déclarées e amot. Voir Stocker das ue variable locale [page 110]. Neolae v6.1 - Foctioalités Web - Formulaires Web 109

111 Neolae Stocker das u champ de la base Pour eregistrer les doées das u champ existat de la base de doées, cliquez sur l'icôe Editer l'expressio et sélectioez-le das la liste des champs dispoibles. Note : Le documet de référece par défaut est le schéma des destiataires ms:recipiet. Pour le visualiser ou e choisir u ouveau, sélectioez le formulaire das la liste et cliquez sur le bouto Propriétés. Stocker das ue variable locale Vous pouvez utiliser des variables locales : e effet, quoique o stockées das la base, les doées peuvet aisi être réutilisées das la page ou das les autres pages, par exemple pour coditioer l'affichage d'ue zoe ou persoaliser u message. 110 Neolae 2013

112 Formulaires Web Aisi, vous pouvez utiliser la valeur d'u champ o eregistré pour autoriser l'affichage d'u groupe d'optios das la page. Das la page ci-dessous, le type de véhicule 'est pas stocké das la base : Il est eregistré das ue variable qui doit être sélectioée lors de la créatio de la liste déroulate ou via le lie Editer le stockage... Neolae v6.1 - Foctioalités Web - Formulaires Web 111

113 Neolae Vous pouvez afficher les variables existates et créer de ouvelles variables à partir du lie Editer les variables... Cliquez sur le bouto Ajouter pour créer ue ouvelle variable. La variable ajoutée sera dispoible das la liste des variables locales lors de la créatio des champs de saisie de la page. Note : Pour chaque formulaire, les variables peuvet être créées e amot. Pour cela, sélectioez le formulaire et cliquez sur le bouto Propriétés. L'oglet Variables regroupe les variables locales pour le formulaire. Exemple de stockage local avec coditioemet 112 Neolae 2013

114 Formulaires Web Das l'exemple ci-dessus, le coteeur PARTICULIER (qui regroupe les doées relatives aux véhicules particuliers) 'est affiché que si l'optio Particulier est sélectioée das la liste déroulate, comme idiqué das la coditio de visibilité : Aisi, si l'utilisateur sélectioe u véhicule particulier, le formulaire Web proposera les optios suivates : Neolae v6.1 - Foctioalités Web - Formulaires Web 113

115 Neolae Le coteeur qui regroupe les doées relatives aux utilitaires sera affiché si l'optio PROFESSIONNEL est sélectioée, comme exprimé das la coditio de visibilité : Aisi, si l'utilisateur sélectioe u véhicule utilitaire, le formulaire proposera les optios suivates : Utiliser les iformatios collectées Pour chaque formulaire, les réposes fouries peuvet être réutilisées das les champs ou les libellés. Les sytaxes à utiliser sot les suivates : Pour u coteu stocké das u champ de la base : <%=ctx.recipiet.@om du champ%> Pour u coteu stocké das ue variable locale : <%= ctx.vars.om de la variable %> Pour u coteu stocké das u champ texte HTML : <%== om du champ HTML %> Note : Cotrairemet aux autres champs pour lesquels les caractères <%= sot remplacés par des caractères d'échappemet, le coteu HTML est coservé tel quel grâce à l'utilisatio de la sytaxe <%==. 114 Neolae 2013

116 Formulaires Web Eregistrer les réposes Pour eregistrer les iformatios collectées das les pages d'u formulaire, vous devez positioer ue boîte d'eregistremet das le diagramme. Deux modes d'utilisatio de cette boîte sot possibles : Si l'accès eu formulaire Web se fait via u lie evoyé das u , et doc si l'utilisateur qui a accès à l'applicatio Web est déjà e base, vous pouvez cocher l'optio Mettre à jour l'eregistremet préchargé. Voir à ce sujet la sectio Diffuser u formulaire par [page 122]. Neolae utilise alors par défaut la clé primaire cryptée du profil de l'utilisateur, qui est u idetifiat uique attribué à chaque profil par Neolae. Vous devez paramétrer les iformatios à précharger à partir de la boîte de préchargemet. Voir à ce sujet la sectio Précharger des doées [page 116]. Avertissemet : Cette optio surcharge les doées de l'utilisateur, y compris so adresse si u champ permet de la saisir. Elle e permet pas de créer de ouveaux profils et requiert l'utilisatio d'ue boîte de préchargemet das le formulaire. Pour erichir les doées des destiataires e base, éditez la boîte d'eregistremet pour sélectioer la clé de récociliatio. Pour ue utilisatio e itere (typiquemet, sur u itraet) ou pour u formulaire de créatio de ouveaux profils, par exemple, vous pouvez sélectioer le ou les champs de récociliatio. La boîte propose tous les champs de la base de doées utilisés das les différetes pages de l'applicatio Web : Par défaut, les doées sot importées das la base par ue opératio de Mise à jour ou isertio : s'il existe das la base, l'élémet est mis à jour (par exemple la ewsletter choisie ou l' reseigé). S'il 'existe pas, l'iformatio est ajoutée. Neolae v6.1 - Foctioalités Web - Formulaires Web 115

117 Neolae Vous pouvez toutefois modifier ce comportemet. Pour cela, sélectioez la racie de l'élémet et choisissez, das la liste déroulate, l'opératio à effectuer : Vous pouvez sélectioer u dossier de recherche pour la récociliatio et le dossier de créatio pour les ouveaux profils. Si ces champs sot vides, les profils sot recherchés et créés das le dossier par défaut de l'opérateur. Note : Les opératios possibles sot : Récociliatio seule, Mise à jour ou isertio, Isertio, Mise à jour, Suppressio. Le dossier par défaut de l'opérateur correspod au premier dossier das lequel l'opérateur a le droit d'écrire. Reportez-vous au chapitre "Elémets d'admiistratio" du guide Neolae Platform. Publier et diffuser u formulaire Web Précharger des doées Si vous souhaitez mettre à jour les profils stockés e base via u formulaire web, vous pouvez utiliser ue boîte de préchargemet. La boîte de préchargemet permet d'idiquer commet retrouver l'eregistremet à mettre à jour das la base de doées. Les méthodes d'idetificatio possibles sot les suivates : Cryptage Neolae Cette méthode de cryptage utilise l'idetifiat (ID) crypté par Neolae. Cette méthode 'est applicable que sur u objet Neolae et l'idetifiat crypté e peut être gééré que par la plateforme Neolae. 116 Neolae 2013

118 Formulaires Web Lorsque vous utilisez cette méthode, vous devez adapter l'url du formulaire lorsque vous diffusez l'adresse par e y ajoutat le paramètre <%=escapeurl(recipiet.cryptedid) %>. Voir à ce sujet la sectio Diffuser u formulaire par [page 122]. Cryptage DES Cette méthode de cryptage utilise u idetifiat (ID) fouri de l'extérieur associé à ue clé commue etre Neolae et le fourisseur extere. Le champ Clé DES permet de saisir cette clé de cryptage. Liste de champs Cette optio permet de sélectioer parmi les champs du cotexte courat du formulaire, ceux qui serot utilisés pour retrouver le profil correspodat das la base de doées. Des champs peuvet être ajoutés das les propriétés du formulaire, à partir de l'oglet Paramètres (voir la sectio Ajouter des paramètres [page 134]). Ils sot positioés das l'url du formulaire ou das les zoes de saisie. Avertissemet : Les doées des champs sélectioées e sot pas cryptées. Elles e doivet pas être fouries sous forme cryptée car Neolae e pourra pas les décrypter si l'optio Liste de champs est sélectioée. Das l'exemple ci-dessous, le pré-chargemet du profil est basé sur l'adresse . Neolae v6.1 - Foctioalités Web - Formulaires Web 117

119 Neolae L'URL peut coteir l'adresse e clair, auquel cas l'utilisateur accède directemet à la page qui le cocere. Das le cas cotraire, il devra fourir so mot de passe. Avertissemet : Si plusieurs champs sot idiqués das la liste, les doées de TOUS LES CHAMPS doivet correspodre avec les iformatios stockées e base pour que le profil soit mis à jour. Das le cas cotraire, u ouveau profil est créé. Cette foctioalité est particulièremet utile das les applicatios Web mais 'est pas recommadée das les formulaires publics. L'optio de cotrôle d'accès sélectioée doit être "Activer le cotrôle d'accès". L'optio Igorer le pré-chargemet si l'idetificatio est vide doit être sélectioée si vous e souhaitez pas effectuer de mise à jour des profils. Das ce cas, chaque profil saisi sera ajouté e base après validatio du formulaire. Cette optio est utilisée, par exemple, lorsque le formulaire est diffusé sur u site web. L'optio Chargemet automatique des doées référecées das le formulaire permet de précharger automatiquemet les doées correspodat aux champs de saisie et aux champs de fusio du formulaire. E revache, les doées référecées das les activités Script et Test e sot pas cocerées. Lorsque 118 Neolae 2013

120 Formulaires Web cette optio 'est pas sélectioée, vous devez défiir les champs à l'aide de l'optio Chargemet de doées additioelles. L'optio Chargemet de doées additioelles permet d'ajouter des iformatios supplémetaires qui e sot pas utilisées das les pages du formulaire mais serot toutefois pré-remplies. Vous pouvez par exemple précharger le gere du destiataire et l'orieter automatiquemet vers la page correspodate via ue boîte de test. Gérer la diffusio et le suivi Ue fois le formulaire créé, cofiguré et publié, vous pouvez le diffuser et suivre les réposes des utilisateurs. Cycle de vie d'u formulaire Le cycle de vie d'u formulaire se décompose e trois étapes : 1 Formulaire e éditio C'est la phase de coceptio iitiale : lorsqu'u ouveau formulaire est créé, il est e état d'éditio. L'accès au formulaire, à des fis de tests uiquemet, requiert alors l'utilisatio du paramètre uuid das so URL. Cette URL est accessible das le sous-oglet Aperçu. Voir à ce sujet la sectio Paramètres de l'url [page 133]. Avertissemet : Tat que le formulaire est e éditio, so URL d'accès est ue URL spécifique. 2 Formulaire e lige Ue fois la phase de coceptio termiée le formulaire peut être diffusé. Pour cela, il doit être publié. Voir à ce propos la sectio Publier u formulaire [page 121] Le formulaire est alors E lige, jusqu'à ce que sa date de clôture soit atteite. Avertissemet : Pour être diffusé, l'url du formulaire NE DOIT PAS CONTENIR le paramètre uuid. Neolae v6.1 - Foctioalités Web - Formulaires Web 119

121 Neolae 3 Formulaire idispoible Ue fois la date de clôture du formulaire atteite, la phase de diffusio est termiée et le formulaire est idispoible : il 'est plus accessible aux utilisateurs. La date de clôture peut être défiie à partir de la feêtre des propriétés du formulaire. Voir à ce propos la sectio Mettre u formulaire à dispositio [page 121] L'état de publicatio d'u formulaire est affiché das la liste des formulaires. 120 Neolae 2013

122 Formulaires Web Publier u formulaire Pour modifier l'état d'u formulaire, vous devez le publier. Pour cela, cliquez sur le bouto Publier situé au-dessus de la liste des formulaires Web et sélectioez l'état das la liste déroulate. Mettre u formulaire à dispositio Pour être accessible par les utilisateurs, le formulaire doit être e productio et démarré, c'est-à-dire das sa période de validité. Les dates de validité sot reseigées depuis le lie Propriétés du formulaire. Neolae v6.1 - Foctioalités Web - Formulaires Web 121

123 Neolae Utilisez les champs de la sectio Projet pour idiquer les dates de démarrage et de clôture du formulaire. Cliquez sur le lie Persoaliser le message affiché si le formulaire est fermé pour défiir le message d'erreur à afficher si l'utilisateur tete d'accéder au formulaire e dehors de sa période de validité. Voir à ce sujet la sectio Accessibilité du formulaire [page 130]. Diffuser u formulaire par Lorsque vous diffusez ue ivitatio par , vous pouvez utiliser l'optio Cryptage Neolae pour assurer la récociliatio des doées. Pour cela, das l'assistat de diffusio, vous devez adapter le lie vers le formulaire e ajoutat le paramètre suivat : <a href=" %>"> Das ce cas, la clé de récociliatio pour l'eregistremet des doées est l'idetifiat crypté du destiataire. Voir à ce sujet la sectio Précharger des doées [page 116]. Vous devez alors cocher l'optio Mettre à jour l'eregistremet pré-chargé das la boîte d'eregistremet. Voir à ce sujet la sectio Eregistrer les réposes [page 115]. 122 Neolae 2013

124 Formulaires Web Suivre les réposes Vous pouvez activer le suivi des réposes das u oglet dédié afi de cotrôler l'impact de votre formulaire Web. Pour cela, cliquez sur le lie Propriétés avacées... de la feêtre des propriétés du formulaire et sélectioez l'optio Eregistrer ue trace des réposes. Neolae v6.1 - Foctioalités Web - Formulaires Web 123

125 Neolae L'oglet Réposes permet alors de visualiser l'idetité des répodats. Sélectioez u destiataire et cliquez sur le bouto Détails pour visualiser les réposes fouries. Vous pouvez exploiter les traces des réposes fouries das des requêtes, par exemple pour cibler uiquemet les o-répodats das le cadre d'ue relace ou proposer des commuicatios spécifiques aux seuls répodats. 124 Neolae 2013

126 Formulaires Web Note : Pour réaliser u suivi complet des réposes fouries, exporter les réposes et cosulter ou créer des rapports dédiés, vous devez utiliser le module optioel Questioaire (survey). Voir à ce sujet le chapitre Neolae Survey Maager - Questioaires e lige [page 181]. Cofigurer les formulaires Web Créer u modèle de formulaire Web U modèle de formulaire est u paramétrage réutilisable pour créer de ouveaux formulaires. Les modèles de formulaires sot stockés par défaut avec les modèles d'applicatios Web, sous le oeud Ressources > Modèles > Modèles d'applicatios Web. Vous pouvez créer de ouveaux modèles depuis ce oeud ou trasformer directemet u formulaire existat e modèle. Trasformer u formulaire existat e modèle U formulaire peut être trasformé e modèle afi que le paramétrage défii soit réutilisable. Pour cela, sélectioez le formulaire, cliquez sur le bouto droit de la souris et choisissez Actios > Sauver comme modèle... Cette actio ouvre la feêtre de créatio des applicatios Web. Vous pouvez saisir le om et la descriptio du modèle et sélectioer so dossier d'eregistremet. Neolae v6.1 - Foctioalités Web - Formulaires Web 125

127 Neolae Créer u ouveau modèle Pour créer u modèle de formulaire Web, cliquez sur le bouto droit de la souris depuis la liste des modèles d'applicatios Web, et choisissez Nouveau. Vous pouvez égalemet utiliser le bouto Nouveau situé au-dessus de la liste des modèles. Saisissez le om du modèle. Sélectioez le dossier d'eregistremet des formulaires Web créés à partir de ce modèle das le champ Dossier des istaces. Le champ Nature vous permet d'ajouter ue iformatio descriptive afi de classer et/ou filtrer vos différets modèles d'applicatios web. Cliquez sur Eregistrer pour créer le modèle puis costruisez le coteu de ce modèle et défiissez ses paramètres. Vous pouvez esuite sélectioer ce modèle lors de la créatio d'u ouveau formulaire. Défiir les propriétés du formulaire Les formulaires Web sot etièremet paramétrables et persoalisables pour répodre à vos besois. Les paramètres doivet être reseigés das la feêtre des propriétés. 126 Neolae 2013

128 Formulaires Web La feêtre des propriétés est accessible à partir du bouto Propriétés situé das la barre d'outils du formulaire Web. Cette feêtre permet d'accéder à u esemble de paramétrages spécifiques au formulaire Web. Certais paramètres peuvet être issus du paramétrage du modèle. Propriétés géérales Das l'oglet Gééral de la feêtre des propriétés, vous pouvez modifier le Libellé du formulaire. Il est fortemet décoseillé de modifier le Nom itere. Le modèle du formulaire est sélectioé à la créatio du formulaire. Il e peut pas être modifié a posteriori. Le mode de créatio et de gestio des modèles de formulaires est préseté das la sectio Créer u modèle de formulaire Web [page 125]. Neolae v6.1 - Foctioalités Web - Formulaires Web 127

129 Neolae Stockage des iformatios Par défaut, les champs des formulaires Web sot stockés das la table des destiataires. Vous pouvez modifier la table utilisée e sélectioat ue ouvelle table das le champ Type de documet. L'icôe Loupe permet de visualiser le coteu de la table sélectioée. Les réposes fouries sot stockées par défaut das la table Répose à u formulaire d'u destiataire. Page d'erreur Vous pouvez paramétrer ue page d'erreur : cette page est affichée e cas d'erreur lors de l'exécutio du formulaire. La page d'erreur est défiie das l'oglet correspodat de la feêtre des propriétés du formulaire. Par défaut, elle affiche les iformatios suivates : 128 Neolae 2013

130 Formulaires Web Le coteu des chaîes affichées est défii das l'oglet Page d'erreur de la feêtre des propriétés. L'oglet HTML affiche le redu, l'oglet Textes permet de modifier les chaîes de texte et d'e ajouter, au besoi : Localisatio L'oglet Localisatio permet de sélectioer les lagues de coceptio et d'affichage du formulaire Web. Voir à ce sujet la sectio Traduire u formulaire [page 136]. Paramètres d'affichage Navigatio et redu L'oglet Redu permet de défiir le type de avigatio etre les pages du formulaire Web et le modèle de redu utilisé. Vous pouvez choisir de aviguer via des lies ou des boutos. Par défaut, les élémets de avigatio sot des boutos. Ils permettet d'effectuer les actios suivates : Valider la page e cours et afficher la page suivate, e cliquat sur Suivat. Ce bouto est affiché sur toutes les pages sauf la derière. Afficher la page précédete, e cliquat sur Précédet. Ce bouto est affiché sur toutes les pages sauf la première. Eregistrer les réposes du formulaire, e cliquat sur le bouto Valider. Ce bouto 'est affiché que sur la derière page. Ces élémets sot affichés e bas de chaque page. Leur positioemet peut être modifié : pour cela, vous devez adapter la feuille de style. Neolae v6.1 - Foctioalités Web - Formulaires Web 129

131 Neolae Note : Le bouto Précédet peut être masqué sur certaies pages. Pour cela, cochez l'optio Ne pas autoriser le retour à la page précédete das la page cocerée. Cette optio est accessible lorsque la racie de l'arborescece de la page est sélectioée. Le champ Modèle de l'oglet Redu permet de sélectioer u thème parmi ceux dispoibles. Les thèmes sot eregistrés das le oeud Admiistratio > Paramétrage > Redus des formulaires de l'arborescece. Voir la sectio Choisir le modèle de redu du formulaire [page 91] U exemple de redu est affiché das la sectio iférieure de la feêtre des propriétés. L'icôe Editer le lie permet de visualiser le paramétrage correspodat au thème sélectioé. Textes du formulaire L'oglet Page permet de défiir le coteu de l'e-tête et du pied de page du formulaire. Voir à ce sujet la sectio Défiir les e-têtes et pieds de pages [page 95]. Il permet aussi de gérer les traductios. Voir à ce sujet Traduire u formulaire [page 136]. Paramètres d'accès Accessibilité du formulaire U formulaire Web est accessible aux utilisateurs s'il est E lige et si la date courate est comprise das sa période de validité. L'état du formulaire est modifié lors de l'étape de publicatio (voir Publier u formulaire [page 121]). L'état est affiché das la sectio Projet de l'oglet Gééral de la feêtre des propriétés. 130 Neolae 2013

132 Formulaires Web La période de validité est comprise etre la date de Démarrage et la date de Clôture. Si aucue date 'est spécifiée das ces champs, la validité du formulaire est permaete. Note : Si le formulaire est fermé, doc si sa période de validité 'est pas atteite ou est dépassée, ou s'il a été fermé par l'opérateur Neolae, alors u message s'affiche lorsque l'utilisateur tete d'y accéder. Vous pouvez persoaliser ce message e cliquat sur le lie Persoaliser le message affiché si le formulaire est fermé... Cotrôle d'accès Par défaut, l'accès aux formulaires Web se fait e mode aoyme : tous les opérateurs qui accèdet au formulaire se voiet attribuer les droits correspodat à l'opérateur WebApp. Neolae v6.1 - Foctioalités Web - Formulaires Web 131

133 Neolae Vous pouvez activer le cotrôle d'accès pour l'affichage du formulaire, par exemple lorsque vous diffusez u formulaire sur u site itraet, afi d'authetifier les utilisateurs. Pour cela, affichez la feêtre des Propriétés du formulaire coceré et cliquez sur l'optio Activer le cotrôle d'accès, comme ci-dessous : Lors de l'accès au formulaire, la page d'authetificatio suivate sera affichée : Les logi et mot de passe sot ceux des opérateurs Neolae. Voir à ce sujet le chapitre "Elémets d'admiistratio" du guide Neolae Platform. 132 Neolae 2013

134 Formulaires Web L'optio Utiliser u compte spécifique permet de circoscrire les droits e lecture ou écriture de l'opérateur accédat au formulaire. Sélectioez das la liste déroulate u opérateur ou groupe d'opérateurs référet pour défiir ces permissios. Paramètres de l'url Vous pouvez ajouter des paramètres complémetaires das l'url d'u formulaire afi d'e persoaliser le coteu et d'iitialiser u cotexte. Aisi, par exemple, la lague d'éditio, l'idetifiat crypté du destiataire, sa société, ue formule calculée stockée das ue variable, etc. Vous pouvez aisi doer accès à u même formulaire via plusieurs URL différetes et persoaliser le coteu des pages e foctio de la valeur du ou des paramètres idiqués das l'url. Neolae propose par défaut des paramètres qui permettet otammet de prévisualiser le formulaire et e cotrôler les erreurs. Vous pouvez créer de ouveaux paramètres, attachés au formulaire, et qui peuvet utiliser les valeurs d'u champ de la base ou d'ue variable locale. Paramètres stadards Par défaut, les paramètres suivats sot dispoibles : id pour idiquer l'idetifiat crypté. lag pour modifier la lague d'affichage. origi pour idiquer l'origie du répodat. _uuid permet la visualisatio d'u formulaire o publié et le suivi des erreurs. Ce paramètre doit être utilisé pour ue utilisatio itere (créatio et débogage) : lorsque vous accédez au formulaire Web via cette URL, les eregistremets créés e sot pas pris e compte das le suivi (rapports). L'origie est alors forcée à la valeur eolae. S'utilise avec les paramètres _preview et/ou _debug. _preview pour afficher la derière versio eregistrée. Ce paramètre e doit être utilisé qu'e phase de test. _debug pour afficher la trace des doées reseigées/calculées das les pages du formulaire. Il est utilisé pour avoir plus d'iformatios sur les erreurs, y compris lorsque le formulaire a été publié. Avertissemet : Lorsque le formulaire est affiché via ue URL avec le paramètre _uuid, la valeur du paramètre origi est forcée à Neolae. Neolae v6.1 - Foctioalités Web - Formulaires Web 133

135 Neolae Ajouter des paramètres Des paramètres supplémetaires peuvet être ajoutés à partir l'oglet Paramètres de la feêtre des propriétés du formulaire. Ils peuvet être redus obligatoires, comme das l'exemple ci-dessous : Vous devez idiquer u espace de stockage d'où sera récupérée la valeur du paramètre. Pour cela, sélectioez ue des optios de stockage puis cliquez sur l'oglet Stockage pour sélectioer le champ ou la variable cocerée. Les optios de stockages sot présetées das la sectio Champs de stockage des réposes [page 109]. Le statut du répodat (par exemple 0, 1 ou toute autre valeur) pourra alors être ajouté das l'url d'accès au formulaire. Cette iformatio peut être réutilisée das les pages du formulaire ou das ue boîte de test. Vous pouvez aisi coditioer les pages affichées e foctio de la valeur du cotexte, comme das l'exemple suivat : 1 Page d'accueil pour les cliets (status=1): 134 Neolae 2013

136 Formulaires Web 2 Page d'accueil pour les prospects (status=0) : 3 Page d'accueil pour d'autres profils (par exemple, status =12) : Pour paramétrer ce formulaire, créez ue boîte de test et positioez-la au début du diagramme, comme suit : Neolae v6.1 - Foctioalités Web - Formulaires Web 135

137 Neolae La boîte de test permet de paramétrer les coditios d'echaîemet des pages : Traduire u formulaire Vous pouvez gérer plusieurs lagues pour ue même applicatio web (formulaires web, questioaires, Microsites, etc.). Vous pouvez effectuer vos traductios directemet depuis la cosole Neolae (voir Gérer les traductios via l'éditeur itégré [page 137]). Sio vous pouvez exporter et importer les chaîes de caractères afi d'exteraliser la traductio (voir Exteraliser les traductios [page 139]). La liste des lagues de traductio dispoibles par défaut est présetée das la sectio Chager la lague d'affichage [page 142]. L'applicatio web est costruite das ue lague d'éditio : c'est la lague de référece das laquelle sot saisis les libellés et autres coteus de la page qui ferot esuite l'objet d'ue traductio. La lague par défaut est la lague das laquelle sera affichée l'applicatio web si aucu paramètre de lague 'est ajouté das so URL d'accès. Note : Par défaut, la lague d'éditio et la lague par défaut correspodet toutes les deux à celle de la cosole. Choisir les lagues de traductio Pour défiir ue ou plusieurs lagues de traductio, cliquez sur le bouto Propriétés de l'applicatio web, puis sur l'oglet Localisatio. Cliquez sur le bouto Ajouter pour défiir ue ouvelle lague de traductio de l'applicatio web. 136 Neolae 2013

138 Formulaires Web Note : Cet écra vous permet égalemet de modifier la lague par défaut et la lague d'éditio. Lorsque vous ajoutez des lagues de traductio pour ue applicatio web (ou lorsque la lague par défaut et la lague d'éditio sot différetes), u sous-oglet Traductios est ajouté das l'oglet Editio afi de gérer les traductios. Neolae itègre u outil de traductio et de suivi des traductios multiligues. Cet éditeur permet de visualiser les termes à traduire ou à valider, de saisir les traductios directemet das l'iterface, ou d'importer/exporter les chaîes de caractères afi d'exteraliser la traductio. Gérer les traductios via l'éditeur itégré Collecter les chaîes L'oglet Traductios permet de saisir les traductios des chaîes de caractères de l'applicatio web. A la première ouverture de cet oglet, il e cotiet aucu élémet : cliquez sur le lie Collecter les chaîes à traduire pour mettre à jour les chaîes de caractères de l'applicatio web. Les chaîes de caractères collectées sot, par exemple, les libellés des champs ou les chaîes des oglets Textes des élémets statiques (blocs HTML, Javascript, etc.). Les élémets statiques sot présetés das la sectio Ajouter des élémets statiques [page 72]. Neolae v6.1 - Foctioalités Web - Formulaires Web 137

139 Neolae Avertissemet : Cette opératio peut durer plusieurs miutes, selo le volume de doées à traiter. Si u message d'avertissemet apparaît vous iformat que certaies traductios sot maquates das le dictioaire système, reportez-vous à la sectio Traduire les chaîes système [page 145]. Chaque fois qu'ue chaîe est traduite, sa traductio est ajoutée automatiquemet das le dictioaire de traductio. Lorsque l'opératio de collecte détecte qu'ue traductio existe déjà, celle-ci apparaît das le champ Texte de la chaîe. Le statut de la chaîe est alors : Traduit. Lorsqu'ue chaîe de caractères 'a jamais été traduite, le champ Texte est vide et le statut est : A traduire. Filtrer les chaîes Par défaut, chaque lague de traductio de l'applicatio web est affichée. Deux filtres sot dispoibles par défaut : par lague et par statut. Cliquez sur le bouto Filtres, puis sur Par lague ou statut pour afficher les meus déroulats correspodats. Vous pouvez égalemet créer u filtre avacé. Voir à ce sujet la sectio "Créer des requêtes (filtrage avacée)" du guide Neolae Platform. Sélectioez la lague de traductio souhaitée das le meu déroulat Lague. Pour 'afficher que les termes o traduits, sélectioez A traduire das le meu déroulat Statut. Vous pouvez égalemet 'afficher que les termes traduits ou validés. 138 Neolae 2013

140 Formulaires Web Traduire les chaîes 1 Pour traduire u terme, double-cliquez sur la lige correspodate das la liste des chaîes. La chaîe source apparaît das la partie supérieure de la feêtre. 2 Saisissez sa traductio das la partie iférieure. Vous pouvez valider la traductio e cochat l'optio Traductio validée. Note : La validatio d'ue traductio est optioelle et doc o bloquate. Ue traductio o validée apparaît avec le statut : Traduit. Ue fois validée, la traductio apparaît avec le statut : Validé. Exteraliser les traductios Vous pouvez exporter et importer les chaîes de caractères afi de les traduire e utilisat u outil extere à Neolae. Avertissemet : Lorsque vous exportez les chaîes, 'effectuez plus aucue traductio via l'éditeur itégré. Celles-ci seraiet perdues au momet de l'import e cas de coflit. Neolae v6.1 - Foctioalités Web - Formulaires Web 139

141 Neolae Exporter les fichiers 1 Sélectioez la ou les applicatio(s) web dot vous souhaitez exporter les chaîes, cliquez avec le bouto droit, puis sélectioez Actios > Exporter les chaîes pour traductio... 2 Choisissez la Stratégie d'export : U fichier par lague : l'export géèrera u fichier par lague de traductio. Chaque fichier sera commu à toutes les applicatios web sélectioées. U fichier par applicatio web : l'export géèrera u fichier par applicatio web sélectioée. Chaque fichier cotiedra toutes les lagues de traductio. Note : Ce type d'export 'est pas dispoible pour l'export e XLIFF. U fichier par lague et par applicatio web : l'export géèrera plusieurs fichiers. Chaque fichier cotiedra ue lague de traductio pour ue même applicatio web. U fichier pour l'esemble : l'export géèrera u seul fichier multiligue commu à toutes les applicatios web. Il cotiedra toutes les lagues de traductio pour toutes les applicatios web sélectioées. Note : Ce type d'export 'est pas dispoible pour l'export e XLIFF. 3 Choisissez esuite le Dossier cible das lequel les fichiers serot eregistrés. 140 Neolae 2013

142 Formulaires Web 4 Sélectioez le format de fichier (CSV ou XLIFF) et cliquez efi sur Démarrer. Les oms de fichiers d'export sot géérés automatiquemet. Si vous effectuez u même export à plusieurs reprises, u message vous avertira que les fichiers existet déjà. Si vous souhaitez les remplacer, cliquez sur Oui. Pour coserver vos acies fichiers, cliquez sur No, modifiez le Dossier cible, puis cliquez à ouveau sur Démarrer pour relacer l'export. Note : Das u fichier d'export au format CSV, chaque lague est associée à u état de validatio. La coloe Valider? vous permet de valider ue traductio. Cette coloe peut coteir les valeurs Oui ou No. Comme das l'éditeur itégré (voir Gérer les traductios via l'éditeur itégré [page 137]), la validatio d'ue traductio est optioelle et doc o bloquate. Importer les fichiers U fois la traductio extere termiée, vous pouvez importer les fichiers traduits. 1 Positioez-vous das la liste des applicatios web, cliquez avec le bouto droit, puis sélectioez Actios > Importer les chaîes traduites... Neolae v6.1 - Foctioalités Web - Formulaires Web 141

143 Neolae Note : Il 'est pas écessaire de sélectioer les applicatios web cocerées par la traductio. Vous pouvez vous positioer sur 'importe quelle lige das la liste des applicatios web. 2 Sélectioez le fichier à importer, puis cliquez sur Télécharger. Note : Ue traductio extere a toujours la priorité sur ue traductio itere. E cas de coflit, la traductio itere sera doc remplacée par la traductio extere. Chager la lague d'affichage Les applicatios web sot affichées das la lague par défaut reseigée das l'oglet Localisatio des propriétés de l'applicatio web. Pour chager de lague, vous devez ajouter, à la fi de l'url, les caractères suivats (où xx est le symbole de la lague) : 142 Neolae 2013

144 Formulaires Web?lag=xx si la lague est le premier ou le seul paramètre de l'url. Par exemple : &lag=xx lorsque d'autres paramètres précèdet celui de la lague das l'url. Par exemple : Les lagues de traductio dispoibles par défaut (et leur symbole associé) sot les suivates : Lague Symbole Dictioaire système par défaut Gestio des caledriers Allemad de oui oui Aglais e oui oui Aglais (Etats-Uis) e_us Aglais (Royaume-Ui) e_gb Arabe ar Chiois zh Corée ko Daois da oui oui Espagol es oui oui Estoie et Fiois fi oui Fraçais fr oui oui Fraçais (Belgique) fr_be Fraçais (Frace) fr_fr Grec el oui Hébreu he Hogrois hu oui Idoésie id Irladais ga Italie it oui oui Italie (Italie) it_it Italie (Suisse) it_ch Japoais ja Letto lv oui Lituaie lt Maltais mt Néerladais l oui Néerladais (Belgique) l_be Néerladais (Pays-Bas) l_nl Norvégie (Norvège) o_no oui Poloais pl oui Portugais pt oui Portugais (Brésil) pt_br Portugais (Portugal) pt_pt Russe ru oui Slovèe sl Slovaque sk Suédois sv oui oui Neolae v6.1 - Foctioalités Web - Formulaires Web 143

145 Neolae Suédois (Filade) Suédois (Suède) Tchèque Thaï Vietamie Wallo sv_fi sv_se cs th vi wa Dictioaire système par défaut : certaies lagues icluet par défaut u dictioaire coteat la traductio des chaîes système. Voir à ce sujet la sectio Traduire les chaîes système [page 145]. Gestio des caledriers : les pages d'ue applicatio web peuvet itégrer u caledrier permettat de saisir ue date. Par défaut, ce caledrier est adapté das plusieurs lagues (traductio des oms de jours, format de la date). Note : Pour ajouter d'autres lagues que celles proposées par défaut, reportez-vous à la sectio Ajouter ue lague de traductio [page 147] Exemple : afficher ue applicatio web das plusieurs lagues Le formulaire web suivat est dispoible das quatre lagues : fraçais, aglais, allemad et espagol. Les chaîes de caractères ot toutes été traduites à partir de l'oglet Traductio du formulaire web. La lague par défaut état le fraçais, ue fois le formulaire publié, utilisez l'url stadard pour l'afficher e fraçais. Ajoutez les caractères?lag=e à la fi de l'url pour l'afficher e aglais. 144 Neolae 2013

146 Formulaires Web Note : La liste des symboles de chaque lague est présetée das la sectio Chager la lague d'affichage [page 142]. Vous pouvez ajouter les caractères?lag=es ou?lag=de pour l'afficher e espagol ou e allemad. Note : Si d'autres paramètres sot déjà utilisés pour cette applicatio web, ajoutez les caractères &lag=. Par exemple : Paramétrage avacé Avertissemet : Cette sectio est réservée à des utilisateurs experts. Traduire les chaîes système Les chaîes système sot des chaîes de caractères d'usie utilisées par toutes les applicatios web. Par exemple : les boutos Suivat/Précédet/Valider, le message Chargemet e cours, etc. Certaies lagues icluet par défaut u dictioaire coteat la traductio de ces chaîes. La liste de ces lagues est présetée das la sectio Chager la lague d'affichage [page 142]. Neolae v6.1 - Foctioalités Web - Formulaires Web 145

147 Neolae Si vous traduisez votre applicatio web vers ue lague das laquelle le dictioaire système 'est pas traduit, u message d'avertissemet vous iformera que certaies traductios sot maquates. Pour ajouter ue lague, procédez comme suit : 1 Das l'arborescece Neolae, cliquez sur le oeud Admiistratio > Paramétrage > Dictioaire global > Dictioaire système. 2 Das la partie supérieure de la feêtre, sélectioez la chaîe système à traduire, puis cliquez sur le bouto Ajouter, das la partie iférieure. 3 Sélectioez la lague de traductio et saisissez la traductio de la chaîe. Vous pouvez valider la traductio e cochat l'optio Traductio validée. 146 Neolae 2013

148 Formulaires Web Note : La validatio d'ue traductio est optioelle et doc o bloquate. Avertissemet : Ne supprimez pas les chaîes système d'usie. Ajouter ue lague de traductio Pour traduire vos applicatios web das d'autres lagues que celles proposées par défaut (voir Chager la lague d'affichage [page 142]), vous devez ajouter ue ouvelle lague de traductio. 1 Cliquez sur le oeud Admiistratio > Plateforme > Eumératios das l'arborescece Neolae, et sélectioez Lagues dispoibles pour la traductio, das la liste des éumératios. La liste des lagues de traductio dispoibles apparaît das la partie iférieure de la feêtre. 2 Cliquez sur le bouto Ajouter, puis reseigez le Nom itere, le Libellé et l'idetifiat de l'image correspodat au drapeau de la lague. Pour ajouter ue ouvelle image, cotactez votre admiistrateur. Cas pratiques Créer u aboemet avec double opt-i Lorsque vous proposez des services d'iformatio, les destiataires doivet être aboés pour recevoir les commuicatios associées. Afi de vous prémuir cotre toute commuicatio abusive, et vous assurer que le destiataire est bie à l'origie de l'aboemet, il est vivemet recommadé d'evoyer u message de Neolae v6.1 - Foctioalités Web - Formulaires Web 147

149 Neolae cofirmatio d'iscriptio, et aisi mettre e place u aboemet e double opt-i. L'iscriptio e sera effective qu'ue fois que l'utilisateur a cliqué sur le lie proposé das le message de cofirmatio. Le scéario mis e oeuvre das cet exemple est le suivat : 1 Créatio d'u formulaire d'iscriptio à la ewsletter sur le site iteret : ce formulaire cotiet ue case d'aboemet à u service temporaire. Ce service permettra de diffuser les messages de cofirmatio d'aboemet. 2 Créatio de la diffusio de cofirmatio d'aboemet : cette diffusio est associée au service temporaire créé précédemmet. Elle cotiet le lie de cofirmatio : ce lie rappelle le formulaire qui aboe à la ewsletter et affiche u message de validatio de l'iscriptio. Les étapes de mises e oeuvre sot présetées das les pages suivates. Etape 1 - Créer les services d'iformatio 1 Créez le service d'aboemet à la ewsletter que vous souhaitez proposer à vos destiataires. 2 Créez u secod service d'iformatio : il s'agit d'u service temporaire qui permettra d'adresser les messages de cofirmatio. C'est à ce service que vot s'aboer les iterautes das le formulaire d'iscriptio. 148 Neolae 2013

150 Formulaires Web Ce service d'iformatio sera associé à u modèle de diffusio pour adresser les messages de cofirmatio d'aboemet. Ce modèle est créé à l'étape suivate. Etape 2 - Créer les messages de cofirmatio Les messages de cofirmatio sot adressés via u modèle de diffusio dédié, référecé au iveau du service d'iscriptio. 1 Créez u modèle de diffusio pour adresser les messages de cofirmatio d'aboemet. Avertissemet : Le modèle de diffusio associé au service d'iformatio doit être associé à la table des aboemets et o à celle des destiataires. Les services d'iformatio sot présetés das le chapitre "Services d'iformatio et parraiage" du guide Neolae Delivery. 2 Isérez das le coteu du message le lie de cofirmatio : ce lie permet d'accéder au formulaire Web afi qu'il eregistre la validatio de l'aboemet. La sytaxe du lie vers le formulaire de cofirmatio d'aboemet est la suivate : <a href=" FORMULAIRE?&id=<%=escapeUrl(recipiet.cryptedId)%>"> Note : Le formulaire état créé a posteriori, utilisez le om itere d'u formulaire existat : vous remplacerez cette valeur par le om itere du formulaire dès qu'il sera créé. Neolae v6.1 - Foctioalités Web - Formulaires Web 149

151 Neolae Das otre exemple, le code source du message est : 3 Les destiataires de cette diffusio 'ayat pas ecore cofirmé leur cosetemet, ils sot ecore blacklistés e base (ce blacklistage est paramétré au iveau du formulaire Web que vous allez créer à l'étape suivate). Pour qu'ils puisset toutefois recevoir cette commuicatio, vous devez autoriser les diffusios basées sur ce modèle à cibler les destiataires blacklistés. Ce paramétrage est réalisé à partir de l'oglet Exclusio des paramètres de défiitio de la cible. Pour y accéder, cliquez sur le lie Pour... puis sur l'oglet Exclusios. 150 Neolae 2013

152 Formulaires Web Cliquez sur le lie Editer... et désélectioez l'optio Exclure les destiataires e souhaitat plus être cotactés (blackliste). Avertissemet : Cette optio e doit être désactivée que das des cotextes spécifiques, comme ici. 4 Associez efi ce modèle au service temporaire. Etape 3 - Créer le formulaire d'iscriptio Le formulaire Web que ous allos créer va permettre à la fois l'iscriptio et la cofirmatio de l'iscriptio des destiataires. Il pourra être proposé sur u site iteret. 1 Créez u formulaire Web et positioez la page d'aboemet. Note : Das otre exemple, il s'agit d'ue page de type Page (compatibilité v5). Elle est dispoible das l'oglet Avacé de la palette des activités. Cette page permet à l'utilisateur d'idiquer ses coordoées et de s'aboer via l'optio correspodate. Neolae v6.1 - Foctioalités Web - Formulaires Web 151

153 Neolae Cette optio est u champ de type Aboemet qui est associé au service temporaire créé précédemmet. Ajoutez ue costate das la page afi de blacklister l'utilisateur : cette valeur sera désactivée lorsque l'aboemet aura été cofirmé. 152 Neolae 2013

154 Formulaires Web Sélectioez le champ Ne plus cotacter (tous caaux). Et positioez cette costate à la valeur 1. Lorsqu'u utilisateur valide cette page, l'optio Ne plus cotacter (tous caaux) est activée au iveau de so profil : 2 Ajoutez ue boîte d'eregistremet afi de sauvegarder les iformatios reseigées das la page du formulaire. Neolae v6.1 - Foctioalités Web - Formulaires Web 153

155 Neolae Cette boîte permet de créer les profils de destiataires das u dossier temporaire dédié afi de les différecier des profils e base, auxquels des commuicatios peuvet être adressées. Note : Vous e devez pas défiir d'optios de récociliatio. 3 Ajoutez ue boîte de fi pour afficher u message à l'attetio de l'utilisateur. 4 Nous allos esuite isérer au iveau de ce même formulaire Web, les élémets permettat de valider défiitivemet l'aboemet, lorsque l'utilisateur clique das le lie du message de cofirmatio. 154 Neolae 2013

156 Formulaires Web Pour cela, vous devez d'abord positioer le script suivat das le diagramme : Ce script autorise les diffusios pour l'utilisateur et l'aboe au service d'iformatio créé à l'étape 1. Le script doit référecer le om itere de la ewsletter proposée. So coteu est doc le suivat : ctx.recipiet.@blacklist=0 ms.subscriptio.subscribe("nom_interne_du_service_d INFORMATION", ctx.recipiet, false) Neolae v6.1 - Foctioalités Web - Formulaires Web 155

157 Neolae 5 Ajoutez ue secode boîte de fi : saisissez le coteu du message de cofirmatio affiché sur le avigateur de l'utilisateur ue fois so iscriptio fialisée. 6 Ajoutez efi ue boîte de préchargemet puis ue boîte de test pour détermier quelle brache du diagramme sera activée. Aisi, si l'utilisateur accède à ce formulaire au travers du lie proposé das le message de cofirmatio, alors les iformatios de so profil serot chargées. Das le cas cotraire, s'il accède au formulaire Web via ue page du site, alors aucue iformatio e sera chargée. La boîte de Pré-chargemet doit doc coteir les iformatios suivates : 156 Neolae 2013

158 Formulaires Web La boîte de test peut par exemple porter sur l' du destiataire. Elle sera reseigée comme suit : Au fial, le diagramme cotiedra les activités suivates : Neolae v6.1 - Foctioalités Web - Formulaires Web 157

159 Neolae Note : Ue fois le formulaire Web créé et paramétré, vous pouvez le référecer das le modèle de diffusio pour l'evoi des messages de cofirmatio. Pour cela, saisissez so om itere das le coteu du lie proposé das le corps du message : Etape 4 - Publier et tester le formulaire Le paramétrage est termié : vous pouvez publier le formulaire afi de le redre accessible aux utilisateurs. 158 Neolae 2013

160 Formulaires Web Aisi, l'iscriptio à la ewsletter est réalisée selo les étapes suivates : 1 L'utilisateur du site Web se coecte à la page d'aboemet et valide le formulaire. Il est iformé de la prise e compte de sa demade via u message affiché das so avigateur. Neolae v6.1 - Foctioalités Web - Formulaires Web 159

161 Neolae A cette étape, l'utilisateur est ajouté das la base Neolae, das le dossier Temp, et so profil est blacklisté : 2 U message de cofirmatio lui est adressé avec u lie pour valider défiitivemet so iscriptio. 160 Neolae 2013

162 Formulaires Web 3 Lorsqu'il clique sur ce lie, la page de validatio est affichée das so avigateur. Das Neolae, le profil de l'utilisateur est mis à jour : il 'est plus blacklisté, il est aboé au service d'iformatio. Neolae v6.1 - Foctioalités Web - Formulaires Web 161

163 Neolae Avertissemet : La partitio Temp doit être régulièremet purgée de so coteu. Les utilisateurs ayat cofirmé leur iscriptio peuvet être trasférés das u autre dossier, et faire l'objet d'ue récociliatio avec les profils existats e base. Ils doivet être désaboés du service d'iformatio temporaire. Les autres doivet être supprimés de la base Neolae. Ce mécaisme peut être automatisé à travers u workflow. Afficher différetes optios e foctio de la valeur sélectioée Das l'exemple suivat, l'utilisateur est ivité à choisir u type de véhicule. Vous pouvez afficher les catégories de véhicules dispoibles e foctio du type sélectioé. Aisi, les élémets affichés das la coloe de droite dépedet de la sélectio de l'utilisateur : Lorsqu'il sélectioe u véhicule particulier, il pourra choisir etre u véhicule "Voiture idividuelle" ou "Moospace" : Lorsqu'il sélectioe u véhicule professioel, il pourra choisir parmi les utilitaires de la liste déroulate : 162 Neolae 2013

164 Formulaires Web Das cet exemple, le type de véhicule 'est pas stocké das la base de doées : la liste déroulate correspodate est paramétrée comme suit : Cette iformatio est stockée das ue variable locale. Le coditioemet de l'affichage de la coloe de droite est paramétré au iveau des coteeurs : Neolae v6.1 - Foctioalités Web - Formulaires Web 163

165 Neolae Coditioemet de la visibilité des champs pour u véhicule persoel : Coditioemet de la visibilité des champs pour u véhicule professioel : 164 Neolae 2013

166 CHAPITRE 4 Applicatios Web Table des matières Itroductio Présetatio Cofiguratio Pricipe gééral Les applicatios Web de type vues d'esemble Les formulaires d'éditio Créer ue vue d'esemble Créer ue applicatio Web moo-page Créer u filtre sur dossier Créer u bouto pour paramétrer ue ouvelle applicatio Web Ajouter u détail Filtrer et actualiser la liste Itroductio Présetatio Neolae itègre u module graphique de défiitio et de publicatio d'applicatios Web afi de créer des pages, par exemple pour formulaire d'éditio sur u extraet ou des formulaires de otificatio, icluat des doées de la base avec des tableaux, graphiques, champs de saisie, etc. Cette foctioalité vous permet de cocevoir et mettre e lige des pages web auxquelles les utilisateurs pourrot accéder pour cosulter ou reseiger des iformatios. Ce chapitre présete la gestio des applicatios Web. Pricipales foctioalités Sous Neolae, les applicatios Web permettet d'accéder aux foctioalités suivates : Créatio de formulaires multi-pages, Gestio de formulaires multiligues, avec u outil de traductio itégré, Iterface graphique de gestio des pages, mise e page e multi-coloes, Persoalisatio du redu et du positioemet des champs, Affichage coditioel des champs du formulaire e foctio des réposes, Affichage aléatoire de questios, Coditioemet de l'affichage des pages, Neolae v6.1 - Foctioalités Web - Applicatios Web 165

167 Neolae Vérificatio des iformatios avat validatio, e foctio du type de doées attedu (ombre, adresse , date, etc.) et des champs obligatoires, Ivitatios/Notificatio par , Persoalisatio des messages d'erreur et de fi, Ajout d'images, vidéos, lies hypertextes, captcha, etc. Suivi des réposes e temps réel. Le module optioel de créatio de questioaires (Survey) propose les foctioalités supplémetaires suivates : Extesio dyamique de la base de doées : créatio de réposes e faisat pas partie du modèle de doées iitial, Géératio de rapports dédiés. Par rapport aux applicatios Web, les questioaires proposet ue iterface graphique allégée : le ombre de cotrôles d'éditio est réduit. Note : Les questioaires sot présetés das le chapitre Neolae Survey Maager - Questioaires e lige [page 181]. Les foctioalités géérales des formulaires Web sous Neolae sot présetées das le chapitre Formulaires Web [page 45]. Etapes de mise e oeuvre Pour créer et redre dispoible ue applicatio Web, vous devez : 1 Créer le coteu (champs, listes, tableaux, graphiques, etc.) Vous pouvez égalemet cosulter la sectio qui présete les champs dispoibles pour les formulaires : tous ces champs sot aussi dispoibles pour les applicatios Web. Ces iformatios sot dispoibles das la sectio Ajouter des champs [page 51]. 2 Ajouter, au besoi, des étapes de préchargemet, de test, d'eregistremet et paramétrer le cotrôle d'accès (pricipalemet das le cadre d'ue publicatio sur u extraet). 3 Publier l'applicatio Web pour la redre dispoible sur u extraet ou das Neolae. Cofiguratio Les applicatios Web sot créées à partir du lie Applicatios Web des uivers Campages et Profils et cibles. Les applicatios web sot stockées das le oeud Ressources>O-lie>Applicatios Web de l'arborescece Neolae. Les paramétrages sot répartis das les dossiers suivats : Admiistratio>Paramétrage>Redus des formulaires : cotiet les modèles de redu pour la présetatio des formulaires Web (applicatios et questioaires). Le modèle permet de géérer le formulaire. Il utilise égalemet ue feuille de style CSS. Cette feuille peut être surchargée au iveau du modèle. Voir à ce sujet le chapitre Choisir le modèle de redu du formulaire [page 91]. Ressources>Modèles>Modèles d'applicatio Web : cotiet des modèles de formulaires. Pour créer u formulaire ou ue applicatio Web, vous devez utiliser u modèle. Note : Vous pouvez trasformer ue applicatio Web existate e modèle. Pour cela, sélectioez le formulaire coceré et cliquez sur le bouto droit de la souris. Choisissez Actios>Sauver comme modèle. Pricipe gééral Les applicatios Web sot créées et gérées suivat le même pricipe que les questioaires e lige (voir Neolae Survey Maager - Questioaires e lige [page 181]). Toutefois, les différeces foctioelles sot les suivates : 166 Neolae 2013

168 Applicatios Web Les applicatios Web 'utiliset pas de champs archivés. Le stockage des iformatios e peut doc se faire que das des champs de la base ou das des variables locales. Il 'existe pas de rapports d'usie sur les applicatios Web. Des champs supplémetaires sot proposés, pricipalemet pour la créatio de tableaux et de graphiques : Graphiques Vous pouvez iclure des graphiques das les applicatios Web. Pour cela, utilisez la liste déroulate des graphiques das la barre des tâches et sélectioez le type de graphique à isérer. Vous pouvez égalemet sélectioer le meu Ajouter u graphique. Tableaux Neolae v6.1 - Foctioalités Web - Applicatios Web 167

169 Neolae Pour ajouter u tableau, utilisez la liste déroulate des tableaux das la barre des tâches et sélectioez le type de tableau voulu. Vous pouvez égalemet sélectioer le type de tableau das le meu cotextuel. Avertissemet : Il est vivemet recommadé de cotrôler au fur et à mesure les paramétrages appliqués afi de détecter les évetuelles erreurs suffisammet tôt das le processus de costructio de l'applicatio Web. Pour cotrôler le redu d'ue modificatio, eregistrez l'applicatio puis cliquez sur le sous-oglet Prévisualisatio. Tat que l'applicatio Web 'est pas publiée, les modificatios e sot pas visibles par l'utilisateur fial. Les applicatios Web de type vues d'esemble L'iterface de Neolae utilise de ombreuses applicatios Web afi d'accéder, gérer et agir sur les destiataires, les diffusios, les opératios, les stocks, etc. Elles se présetet das l'iterface sous la forme de tableaux de bord et elles e sot composées que d'ue seule page. Les applicatios Web d'usie sot stockées sous le oeud Admiistratio>Paramétrage>Applicatios Web. 168 Neolae 2013

170 Applicatios Web Les formulaires d'éditio Les applicatios Web de type formulaires d'éditio pour u extraet sot caractérisées par : Ue boîte de préchargemet Das la plupart des cas, il est écessaire de précharger les doées à afficher. Les utilisateurs qui accèdet à ces formulaires état idetifiés (via u cotrôle d'accès), le préchargemet 'est pas écessairemet crypté. Ue boîte d'eregistremet L'ajout de pages supplémetaires Si les applicatios Web de type "Vues d'esemble" sot toutes composées d'ue seule page, les formulaires d'éditio peuvet proposer u echaîemet de pages selo des critères précis (tests, sélectios, profil de l'opérateur coecté, etc.) Le foctioemet de ce type d'applicatios Web est proche de celui des Questioaires, toutefois, elles e proposet pas la gestio des historiques i l'archivage des champs. Les utilisateurs y accèdet la plupart du temps via ue page de logi das laquelle ils doivet s'idetifier. Créer ue vue d'esemble Das l'exemple qui suit, vous allez créer ue applicatio Web de type vue d'esemble permettat d'afficher l'esemble des applicatios Web coteues das votre base. Vous allez paramétrer les élémets suivats : u filtre sur dossier (voir Créer u filtre sur dossier [page 172]), u bouto de créatio d'ue ouvelle applicatio Web (voir Créer u bouto pour paramétrer ue ouvelle applicatio Web [page 174]), l'affichage d'u détail pour chaque etrée de la liste (voir Ajouter u détail [page 174]), u filtre par éditeur de lie (voir Créer u filtre à l'aide d'u éditeur de lie [page 177]), u lie d'actualisatio (voir Créer u lie d'actualisatio [page 178]). Pour avoir davatage d'iformatios sur les applicatios Web, reportez-vous à la sectio Neolae Survey Maager - Questioaires e lige [page 181]. Neolae v6.1 - Foctioalités Web - Applicatios Web 169

171 Neolae Créer ue applicatio Web moo-page 1 Créez ue applicatio Web costituée d'ue seule activité Page et désactivez les trasitios sortates et le passage à la page suivate. 2 Modifiez le titre de votre page. C'est ce titre qui apparaîtra e tête de la vue d'esemble, aisi que das l'aperçu de l'applicatio Web. 3 Das les propriétés de l'applicatio Web, modifiez le redu de votre applicatio web e sélectioat le modèle Applicatio Web Moo-page. 4 Ouvrez l'activité Page de votre applicatio Web et créez ue liste (Elémet statique>liste). 5 Das l'oglet Doées de votre liste, sélectioez le type de documet Applicatios Web et les coloes de sortie Libellé, Créé le et Type d'applicatio. 170 Neolae 2013

172 Applicatios Web 6 Das le sous-oglet Filtre, créez le filtre suivat comme illustré ci-dessous pour 'afficher que les applicatios web et exclure les modèles de votre vue. 7 Fermez la feêtre de paramétrage de votre page et cliquez sur Prévisualisatio. La liste des applicatios Web dispoibles das votre base de doées s'affiche. Neolae v6.1 - Foctioalités Web - Applicatios Web 171

173 Neolae Créer u filtre sur dossier Das ue vue d'esemble, vous pouvez choisir d'accéder à certaies doées e foctio de leur emplacemet das l'arborescece Neolae. Il s'agit d'u filtre sur dossier. Procédez comme suit pour l'ajouter das votre vue d'esemble. 1 Positioez-vous sur le oeud Page de votre applicatio Web et ajoutez u élémet Choix de dossier (Cotrôle avacés>choix de dossier). 2 Das la feêtre Stockage qui s'affiche, cliquez sur le lie Editer les variables. 3 Modifiez le libellé de la variable à votre coveace. 4 Modifiez le om de la variable avec la valeur folder. Note : Le om de la variable doit impérativemet correspodre au om de l'élémet sur lequel porte le lie vers le dossier (défii das le schéma) soit folder das le cas préset. Vous devrez réutiliser ce om lorsque vous référecerez la variable. 5 Appliquez le type XML à la variable. 172 Neolae 2013

174 Applicatios Web 6 Sélectioez l'iteractio Actualiser la page. 7 Positioez-vous sur votre liste et das l'oglet Avacé, référecez la variable créée à l'étape précédete das l'oglet XPath de filtrage par dossier de la liste. Vous devez utiliser le om de l'élémet sur lequel va porter le lie du dossier, soit folder. Note : A ce stade, l'applicatio Web 'est pas das so cotexte d'applicatio, il 'est doc pas possible de tester le filtre sur dossier. Neolae v6.1 - Foctioalités Web - Applicatios Web 173

175 Neolae Créer u bouto pour paramétrer ue ouvelle applicatio Web 1 Positioez-vous sur l'élémet Page et ajoutez u lie (Elémets statiques>lie). 2 Modifiez le libellé du lie car il apparaîtra sur le bouto das la vue d'esemble. Das otre exemple, le libellé est Nouveau. 3 Das le champ URL, isérez l'url suivate : xtk://ope/?schema=ms:webapp&form=ms:ewwebapp. Note : ms:webapp correspod au schéma des applicatios Web. ms:ewwebapp correspod à l'assistat de créatio de la ouvelle applicatio Web. 4 Choisissez d'afficher l'url das la même feêtre. 5 Ajoutez l'icôe des applicatios Web das le champ image : /ms/img/webapp.pg. Cette icôe apparaîtra sur le bouto Nouveau. 6 Etrez butto das le champ Style. Ce style est référecé das le modèle Applicatio Web Moo-page sélectioé précédemmet. Ajouter u détail Lorsque vous paramétrez ue liste das votre vue d'esemble, vous pouvez choisir d'afficher des détails supplémetaires pour chaque etrée de votre liste. 1 Positioez-vous sur votre élémet liste créé précédemmet. 174 Neolae 2013

176 Applicatios Web 2 Das l'oglet Gééral, sélectioez le mode d'affichage Coloes et détail additioel das la liste déroulate. 3 Das l'oglet Doées, ajoutez les coloes Clé primaire, Nom itere et Descriptio et cochez l'optio Champ o visible pour chacue d'elles. De cette faço, ces iformatios e serot visibles qu'au iveau du détail de chaque etrée. 4 Das l'oglet Détail additioel, ajoutez le code suivat : <div class="detailbox"> <div class="actiobox"> <spa class="actio"><img src="/xtk/img/fileedit.pg"/><a title="ouvrir" class="likactio" href="xtk://ope/?schema=ms:webapp&form=ms:webapp&pk= <%=webapp.id%>">ouvrir...</a></spa> <% if( webapp.@apptype == 1 ) { //survey Neolae v6.1 - Foctioalités Web - Applicatios Web 175

177 Neolae %> <spa class="actio"><img src="/xtk/img/report.pg"/><a target="_blak" title="rapports" class="likactio" href="/xtk/report.jssp?_cotext=selectio& & sessiotoke=<%=documet.cotroller.getsessiotoke()%>">rapports</a></spa> <% } %> </div> <div> Nom itere : <%= webapp.@iteralname %> </div> <% if( webapp.desc!= "" ) { %> <div> Descriptio : <%= webapp.desc %> </div> <% } %> </div> Filtrer et actualiser la liste Das cette sectio, vous allez créer u filtre afi d'afficher das la vue d'esemble les applicatios Web créées par u opérateur spécifique. Ce filtre se fait à l'aide d'u éditeur de lies. D'autre part, ue fois l'opérateur choisi, il vous faudra actualiser la liste pour appliquer votre filtre, d'où la écessité de créer u lie d'actualisatio. Ces deux élémets serot rassemblés das u même coteeur afi de les regrouper graphiquemet das la vue d'esemble. 1 Positioez-vous au iveau de l'élémet Page et sélectioez les meus Coteeur>Stadard. 2 Paramétrez le ombre de coloes à 2, afi que l'éditeur de lie et le lie soiet côte à côte. Pour la mise e page des élémets, reportez-vous au chapitre Formulaires Web [page 45]. 3 Appliquez le style d'apparece dottedfilter. 176 Neolae 2013

178 Applicatios Web Ce style est référecé das le modèle Applicatio Web Moo-page sélectioé précédemmet. Créer u filtre à l'aide d'u éditeur de lie 1 Positioez-vous sur le coteeur créé à l'étape précédete et isérez u éditeur de lie depuis le meu Cotrôles avacés. 2 Das la feêtre de stockage qui s'ouvre automatiquemet, sélectioez l'optio Variable puis cliquez sur le lie Editer les variables et créez ue variable de type XML qui servira à filtrer les doées. 3 Modifiez le libellé. Il apparaîtra à côté du champ Filtre das la vue d'esemble. Neolae v6.1 - Foctioalités Web - Applicatios Web 177

179 Neolae 4 Choisissez la table des Opérateurs comme schéma d'applicatio. 5 Positioez-vous sur l'élémet liste et créez u filtre depuis l'oglet Doées>Filtre. Valeur Opérateur Valeur Pris e compte si Clé étragère du lie 'Créé par' égal à $(var2/@id) '$(var2/@id)'!='' Avertissemet : L'utilisateur de l'applicatio Web doit être u opérateur idetifié et avec les droits adéquats das Neolae pour avoir accès aux iformatios. Ce type de paramétrage e foctioera pas das le cas d'ue applicatio Web aoyme. Créer u lie d'actualisatio 1 Positioez-vous au iveau du coteeur et isérez u Lie depuis le meu Elémet statique. 2 Modifiez le libellé. 3 Choisissez l'actio Actualiser les doées d'ue liste. 178 Neolae 2013

180 Applicatios Web 4 Ajoutez la liste créée précédemmet. 5 Ajoutez l'icôe d'actualisatio das le champ Image : /xtk/img/refresh.pg. 6 Positioez les différets élémets de votre applicatio web das l'ordre comme illustré ci-dessous à l'aide des flèches de déplacemet. Neolae v6.1 - Foctioalités Web - Applicatios Web 179

181 Neolae L'applicatio Web est maiteat paramétrée. Vous pouvez cliquer sur l'oglet Prévisualisatio pour e avoir u aperçu. 180 Neolae 2013

182 CHAPITRE 5 Neolae Survey Maager - Questioaires e lige Table des matières Itroductio Présetatio Cofiguratio Quick Start : 7 étapes pour costruire et diffuser u questioaire Présetatio Etape 1 - Créer u questioaire Etape 2 - Sélectioer le modèle Etape 3 - Costruire le questioaire Etape 4 - Créer le coteu de la page Etape 5 - Eregistrer les doées Etape 6 - Publier les pages Etape 7 - Diffuser le questioaire e lige Costruire u questioaire Créer u ouveau questioaire Ajouter des champs Elémets spécifiques aux questioaires Collecter, qualifier et eregistrer les réposes Stockage et utilisatio des réposes collectées Gestio des scores Publier et diffuser u questioaire Diffusio, suivi et utilisatio des doées collectées Exemple de mise e oeuvre Cofigurer les questioaires Paramétrages avacés Stockage des iformatios Itroductio Présetatio Neolae itègre u module graphique de défiitio et de publicatio d'applicatios Web afi de créer des pages, par exemple pour formulaire d'éditio sur u extraet ou des formulaires de otificatio, icluat des doées de la base avec des tableaux, graphiques, champs de saisie, etc. Cette foctioalité vous permet de cocevoir et mettre e lige des pages web auxquelles les utilisateurs pourrot accéder pour cosulter ou reseiger des iformatios. Le module optioel Questioaires (Survey) permet de créer u ouveau type d'applicatios Web afi de créer et gérer des questioaires e lige, par exemple des formulaires d'ajout ou de Neolae v6.1 - Foctioalités Web - Neolae Survey Maager - Questioaires e lige 181

183 Neolae modificatio de doées d'u profil, d'iscriptio et de désiscriptio à u service d'iformatio ou u jeu-cocours. Lorsque des réposes sot collectées, elles sot stockées das la base de doées ou das des variables locales. Le modèle de doées peut être étedu dyamiquemet par les différetes réposes aux questioaires. Vous pouvez visualiser les résultats e temps réel, filtrer les réposes et les aalyser au travers de graphiques dédiés. Ce chapitre présete le mode de créatio et de gestio des questioaires (Survey), la gestio des champs et des pages, les modes de stockage et d'eregistremet. Les étapes de créatio d'u formulaire Web stadard sot présetées das le chapitre Formulaires Web [page 45]. La gestio des applicatios Web est présetée das le chapitre Applicatios Web [page 165]. Veuillez vous y référer. Pricipales foctioalités Sous Neolae, les applicatios Web e gééral permettet d'accéder aux foctioalités suivates : Créatio de formulaires multi-pages, Gestio de formulaires multiligues, avec u outil de traductio itégré, Iterface graphique de gestio des pages, mise e page e multi-coloes, Persoalisatio du redu et du positioemet des champs, Affichage coditioel des champs du formulaire e foctio des réposes, Coditioemet de l'affichage des pages, Vérificatio des iformatios avat validatio, e foctio du type de doées attedu (ombre, adresse , date, etc.) et des champs obligatoires, Ivitatios/Notificatio par , Persoalisatio des messages d'erreur et de fi, Ajout d'images, vidéos, lies hypertextes, captcha, etc. Note : Tous les paramétrages commus avec les formulaires Web sot présetés das le chapitre Formulaires Web [page 45]. Reportez-vous à ce documet pour maîtriser tous les cocepts et coaître des foctioalités relatives aux formulaires Web sous Neolae. Le module optioel de créatio de questioaires (Survey) propose les foctioalités supplémetaires suivates : Extesio dyamique de la base de doées : créatio de réposes e faisat pas partie du modèle de doées iitial. Voir à ce sujet la sectio Stockage des réposes d'u questioaire [page 201]. Gestio des scores. Voir à ce sujet la sectio Gestio des scores [page 208]. Affichage aléatoire de questios. Voir à ce sujet la sectio Affichage aléatoire des questios [page 200]. Suivi des réposes e temps réel. Voir à ce sujet la sectio Suivre les réposes [page 212]. Géératio de rapports dédiés. Voir à ce sujet la sectio Les rapports sur les questioaires [page 214]. Par rapport aux applicatios Web, les questioaires proposet ue iterface graphique allégée : le ombre de cotrôles d'éditio est réduit. Etapes de mise e oeuvre Pour créer, diffuser et exploiter les résultats d'u questioaire, les étapes sot les suivates : 1 Créer la ou les pages et leur coteu (champs de saisie, listes déroulates, questios, etc.). 2 Défiir le mode d'eregistremet des réposes. Il est possible d'isérer ue étape de préchargemet des doées afi de préremplir le formulaire avec les doées déjà e base. Vous pouvez égalemet ajouter ue boîte de test. 3 Publier puis diffuser le questioaire aux destiataires (par exemple das ue actio de diffusio ou sur u site iteret). 4 Suivre les réposes et cosulter les rapports. Le paramétrage et l'echaîemet de ces étapes sot présetés das le chapitre Formulaires Web [page 45]. Seuls les paramétrages spécifiques aux questioaires sot décrits ci-après. 182 Neolae 2013

184 Neolae Survey Maager - Questioaires e lige Cofiguratio Les questioaires sot stockés das le oeud Ressources>O-lie>Applicatios Web de l'arborescece Neolae. Les paramétrages sot répartis das les dossiers suivats : Admiistratio>Paramétrage>Redus des formulaires : cotiet les modèles de redu pour la présetatio des formulaires Web (applicatios et questioaires). Ressources>Modèles>Modèles d'applicatio Web : cotiet des modèles de formulaires. Pour créer u formulaire, vous devez partir d'u modèle. Note : Les élémets de cofiguratio sot présetés das la sectio Formulaires Web [page 45]. Quick Start : 7 étapes pour costruire et diffuser u questioaire Présetatio Nous vous proposos ici d'aborder rapidemet les étapes clés écessaires pour la créatio d'u questioaire simple, selo le modèle suivat : Ces étapes sot les suivates : 1 Etape 1 - Créer u questioaire [page 184], 2 Etape 2 - Sélectioer le modèle [page 184], 3 Etape 3 - Costruire le questioaire [page 184], 4 Etape 4 - Créer le coteu de la page [page 186], 5 Etape 5 - Eregistrer les doées [page 190], 6 Etape 6 - Publier les pages [page 191], 7 Etape 7 - Diffuser le questioaire e lige [page 193]. Neolae v6.1 - Foctioalités Web - Neolae Survey Maager - Questioaires e lige 183

185 Neolae Etape 1 - Créer u questioaire Pour créer u ouveau questioaire, positioez-vous sur das l'uivers des Campages ou Profils et cibles et cliquez sur le meu Applicatios Web. Cliquez sur le bouto Créer situé au-dessus de la liste des formulaires. Etape 2 - Sélectioer le modèle Sélectioez u modèle de questioaire, puis ommez le questioaire. Ce om e sera pas visible par les utilisateurs fiaux mais permettra d'idetifier le questioaire das Neolae. Cliquez sur Eregistrer : le questioaire est ajouté das la liste des applicatios Web. Etape 3 - Costruire le questioaire Les questioaires sot costruits das u diagramme où sot positioées : la ou les pages où serot créés les coteus, les étapes de préchargemet et d'eregistremet des doées, et des étapes de tests. Il est égalemet possible d'isérer des scripts et des requêtes. 184 Neolae 2013

186 Neolae Survey Maager - Questioaires e lige Pour costruire le diagramme, cliquez sur l'oglet Editio du questioaire. U questioaire doit coteir au miimum les trois composats suivats : ue page, ue boîte d'eregistremet et ue page de fi. Pour créer ue page, sélectioez l'objet Page das la sectio gauche de l'éditeur et déposez-le das la sectio cetrale, comme ci-dessous : Sélectioez esuite l'objet Eregistremet et positioez-le sur l'extrémité de la trasitio sortate de la page. Efi, sélectioez l'objet Fi et positioez-le sur l'extrémité de la trasitio sortate de la boîte d'eregistremet, afi d'obteir le diagramme suivat : Neolae v6.1 - Foctioalités Web - Neolae Survey Maager - Questioaires e lige 185

187 Neolae Etape 4 - Créer le coteu de la page Note : Das l'exemple suivat, ous utiliseros ue page de type Page (compatibilité v5). Ce type de page est accessible à partir de la palette avacée de l'oglet Editio. Ajouter des champs de saisie Pour créer le coteu de la page, vous devez d'abord l'éditer : pour cela, double-cliquez sur l'objet Page. Cliquez sur la première icôe de la barre d'outils pour exécuter l'assistat de créatio de champ. Pour 186 Neolae 2013

188 Neolae Survey Maager - Questioaires e lige créer u champ de saisie du om de l'utilisateur qui sera stocké das le champ correspodat du profil du destiataire, choisissez Editer u destiataire. Cliquez sur le bouto Suivat afi de sélectioer le champ de stockage des iformatios das la base de doées : ici, le champ 'Nom'. Cliquez sur Termier pour valider la créatio de ce champ. Neolae v6.1 - Foctioalités Web - Neolae Survey Maager - Questioaires e lige 187

189 Neolae Par défaut, lorsque les iformatios sot stockées das u champ déjà existat de la base de doées, le libellé du champ repred le om du champ sélectioé, soit das otre exemple 'Nom'. Vous pouvez modifier ce libellé, comme das l'exemple ci-dessous : Créez à préset u champ de saisie pour le uméro de compte de l'utilisateur : répétez l'opératio et choisissez le champ 'N de compte'. Ajoutez de la même faço u champ pour permettre à l'utilisateur de saisir so . Pour créer ue questio, cliquez avec le bouto droit de la souris sur le derier élémet de l'arborescece, et choisissez Coteeurs>Questio, ou cliquez sur l'icôe Coteeurs et choisissez Questio. Saisissez le libellé de la questio et isérez le ou les champs de répose e sous-arborescece de la questio. Pour cela, le oeud correspodat à la questio doit être sélectioé lors de la créatio du 188 Neolae 2013

190 Neolae Survey Maager - Questioaires e lige champ de répose. Ajoutez ue liste déroulate, à partir de l'icôe Cotrôles de sélectio ou e cliquat sur le bouto droit de la souris, comme ci-dessous : Sélectioez u espace de stockage : choisissez u champ de type éumératio afi de récupérer automatiquemet les valeurs (ici, le format des s). Neolae v6.1 - Foctioalités Web - Neolae Survey Maager - Questioaires e lige 189

191 Neolae Das l'oglet Gééral, cliquez sur le lie Iitialiser la liste des valeurs depuis la base de doées : le tableau des valeurs est automatiquemet reseigé. Cliquez sur OK pour fermer l'éditeur, puis sur Eregistrer pour sauvegarder les modificatios. Note : Pour chaque champ ou chaque questio, vous pouvez adapter la mise e page à vos besois e utilisat les optios de l'oglet Avacé. La mise e page des écras du questioaire est présetée das la sectio Créer u formulaire Web [page 46]. Das l'écra de détail, cliquez sur l'oglet Prévisualisatio pour cosulter le redu du questioaire que vous veez de créer. Etape 5 - Eregistrer les doées La boîte d'eregistremet permet de sauvegarder les réposes fouries par les utilisateurs das la base de doées. Vous devez sélectioer ue clé de récociliatio afi d'idetifier les profils déjà présets das la base de doées. 190 Neolae 2013

192 Neolae Survey Maager - Questioaires e lige Pour cela, éditez la boîte et cochez le champ qui sera utilisé comme clé de récociliatio à l'eregistremet des doées. Das l'exemple ci-dessous, lors de l'eregistremet (validatio), si u profil est eregistré e base avec le même uméro de compte que celui saisi das le formulaire, le profil sera mis à jour. Si le profil 'existe pas, il sera créé. Cliquez sur OK pour valider puis sur Eregistrer pour sauvegarder le questioaire. Etape 6 - Publier les pages Afi de permettre aux utilisateurs d'accéder aux pages HTML, le questioaire doit être redu dispoible : il e doit plus être e éditio mais e productio. Pour mettre e productio u questioaire, vous devez le publier. Pour cela : Cliquez sur le bouto Publier situé das le tableau de bord du questioaire. Neolae v6.1 - Foctioalités Web - Neolae Survey Maager - Questioaires e lige 191

193 Neolae Cliquez sur Démarrer pour lacer la publicatio et fermez l'assistat. Le statut du questioaire est alors modifié : il est E lige. 192 Neolae 2013

194 Neolae Survey Maager - Questioaires e lige Etape 7 - Diffuser le questioaire e lige Ue fois e productio, le questioaire est accessible sur le serveur et vous pouvez le diffuser. L'URL d'accès au questioaire est affichée das le tableau de bord. Pour diffuser le questioaire, vous pouvez evoyer u message coteat le lie d'accès au questioaire à la populatio cible ou positioer l'url d'accès au questioaire sur ue page web, par exemple. Vous pouvez esuite suivre les réposes des utilisateurs au travers des rapports et des logs. Voir à ce sujet la sectio Suivre les réposes [page 212]. Avertissemet : L'URL publique cotiet le om itere du questioaire. E cas de modificatio du om itere, l'url automatiquemet mise à jour : tous les lies vers le questioaires doivet alors être mis à jour. Si des diffusios coteat u lie vers le formulaire ot déjà été evoyées, ce lie e foctioera plus. Costruire u questioaire Note : Les étapes de costructio d'u formulaire Web sous Neolae sot présetées das le chapitre Formulaires Web [page 45]. Seuls les paramétrages spécifiques aux questioaires sot détaillés ci-après. Créer u ouveau questioaire Le chapitre suivat présete les étapes de coceptio d'u formulaire de type Questioaire sous Neolae, aisi que les optios et paramétrages dispoibles. Neolae permet de mettre ce questioaire à dispositio des utilisateurs, et de collecter et archiver les réposes das la base de doées. Les formulaires Web sot accessibles à partir du oeud Ressources>O-lie>Applicatios Web de l'arborescece. Pour créer u questioaire, cliquez sur le bouto Nouveau situé au-dessus de la liste des applicatios, ou cliquez avec le bouto droit das la liste et choisissez Nouveau. Neolae v6.1 - Foctioalités Web - Neolae Survey Maager - Questioaires e lige 193

195 Neolae Choisissez le modèle de questioaire (par défaut ewsurvey). Les pages du formulaire sot créées au travers d'u éditeur spécifique qui permet de défiir et paramétrer des zoes de saisie (textes), des champs de sélectio (listes, cases à cocher, etc.) et des élémets statiques (images, coteus HTML, etc.). Ils peuvet être regroupés das des coteeurs et mis e page selo vos besois (voir à ce sujet Les questios [page 198]). Note : La défiitio du coteu et de la mise e page des écras d'u formulaire Web sot présetés das la sectio Créer u formulaire Web [page 46]. 194 Neolae 2013

196 Neolae Survey Maager - Questioaires e lige Ajouter des champs Das u formulaire, les champs permettet aux utilisateurs de saisir des iformatios et sélectioer des optios. Pour chaque page du formulaire, ils sot créés via le premier bouto de la barre d'outils, depuis le meu Ajout assisté. Note : Vous pouvez égalemet utiliser le bouto droit de la souris pour isérer ue zoe de saisie. Par défaut, la zoe est toujours isérée à la fi de l'arborescece courate. Elle peut être déplacée e utilisat les flèches de la barre d'outils. Types de champs Lorsque vous ajouter u champ das u questioaire, vous devez sélectioer le type de champ à ajouter. Les optios suivates sot dispoibles : 1 Répose à ue questio : cette optio permet de déclarer u ouveau champ (dit 'champ archivé') afi de stocker les réposes. Das ce cas, toutes les valeurs collectées sot coservées, et pas seulemet la derière. Ce mode de stockage 'est dispoible que das les Questioaires. Voir Stockage des réposes d'u questioaire [page 201]. 2 Editio de champ : cette optio permet de sélectioer u champ de la base de doées. Das ce cas, les réposes des utilisateurs serot stockées das ce champ. Pour chaque utilisateur, seule la derière valeur saisie est coservée. Elle est ajoutée aux doées de so profil. 3 Variable locale : cette optio permet de e pas coserver les iformatios das la base de doées. Les variables locales peuvet être déclarées e amot. Vous pouvez égalemet e ajouter directemet lors de la créatio du champ. 4 Import de champs : cette optio permet d'importer des champs existats, créés das d'autres questioaires. Neolae v6.1 - Foctioalités Web - Neolae Survey Maager - Questioaires e lige 195

197 Neolae Note : Les modes de stockage stadard aisi que l'import de champs sot présetés das la sectio Champs de stockage des réposes [page 109]. La ature du champ à ajouter (liste déroulate, champ texte, cases à cocher, etc.) s'adapte automatiquemet au mode de stockage sélectioé. Vous pouvez toutefois la modifier à partir du champ Type de l'oglet Gééral, e veillat à rester cohéret par rapport au type de doées. Les différets types de champs dispoibles sot présetés das la sectio Formulaires Web [page 45]. Elémets spécifiques aux questioaires Les spécificités relatives aux champs des questioaires sot présetées das les pages suivates. Choix multiples Choix multiples Pour les cotrôles de type Choix multiples, vous pouvez défiir u ombre maximal et u ombre miimal de sélectios. Cette optio permet par exemple de forcer la sélectio d'au mois 2 valeurs et au plus 4 valeurs parmi les optios proposées : 196 Neolae 2013

198 Neolae Survey Maager - Questioaires e lige Si le ombre de sélectios 'est pas atteit ou s'il est dépassé, le message correspodat sera affiché. Note : Das ce cas, les optios sot sélectioées via des cases à cocher. Lorsqu'u seul choix est possible, il s'agit de boutos radio. Le paramétrage correspodat sera le suivat : Neolae v6.1 - Foctioalités Web - Neolae Survey Maager - Questioaires e lige 197

199 Neolae Avertissemet : Cette foctioalité 'est dispoible que das les formulaires de type Questioaires. De plus, l'espace de stockage pour ce champ de saisie doit être u champ archivé de type Valeurs Multiples : Cette optio 'est pas compatible avec l'affichage aléatoire des questios. Voir à ce sujet Affichage aléatoire des questios [page 200]. Les questios Les coteeurs peuvet être de deux types : stadard ou questio. Les coteeurs stadards sot utilisés à des fis de mise e page et pour paramétrer u affichage coditioel das ue page. Ils sot présetés das la sectio Créer u formulaire Web [page 46]. Utilisez u coteeur de type Questio pour ajouter ue questio das la page et isérer les réposes possibles e sous-arborescece. Les réposes des utilisateurs aux questios qui ot été positioées das ce type de coteeurs peuvet être aalysées das des rapports. Avertissemet : Vous e devez pas isérer u coteeur de type Questio e sous arborescece d'u autre coteeur de type Questio. 198 Neolae 2013

200 Neolae Survey Maager - Questioaires e lige Le libellé de la questio est saisi das le champ libellé. Das ce cas, le style appliqué sera celui de la feuille de style du formulaire. Cochez l'optio Saisir le titre au format HTML pour le persoaliser. Vous accédez alors à l'éditeur HTML. Note : L'utilisatio de l'éditeur HTML est présetée das la sectio Créer u formulaire Web [page 46]. Exemple : Das l'exemple ci-dessus, le redu sera le suivat : Note : Chaque questio correspod à u coteeur de type Questio. Neolae v6.1 - Foctioalités Web - Neolae Survey Maager - Questioaires e lige 199

201 Neolae Affichage aléatoire des questios Vous pouvez activer le tirage aléatoire des questios afi que Neolae choisisse aléatoiremet les questios à afficher. Vous devez alors idiquer le ombre de questios à afficher das la page, das le champ situé e bas de la feêtre de cofiguratio. Le redu sera par exemple : Lorsque la page est actualisée, les questios affichées e sot pas les mêmes. Avertissemet : Lorsque vous affichez aléatoiremet telle ou telle questio (optio Tirage aléatoire des questios cochée au iveau de la page), vous devez veiller à e pas utiliser das ces questios des listes à choix multiples das lesquelles ue ou plusieurs sélectios sot obligatoires. 200 Neolae 2013

202 Neolae Survey Maager - Questioaires e lige Collecter, qualifier et eregistrer les réposes Stockage et utilisatio des réposes collectées Stockage des réposes d'u questioaire E complémet des modes de stockage stadard commus à tous les formulaires Web sous Neolae (champ de la base et variable locale), les questioaires permettet l'extesio dyamique du modèle de doées au travers de champs archivés. Avertissemet : Cette optio 'est dispoible que pour les formulaires Web de type Questioaires. Elle 'est pas proposée pour autres types de formulaires Web. Stocker das u champ archivé Vous pouvez facilemet étedre le modèle de doées e ajoutat de ouveaux espaces de stockage pour eregistrer les réposes fouries das les questioaires. Vous devez pour cela choisir l'optio Stocker les réposes à ue questio lors de la créatio du champ de saisie. Cliquez sur le lie Nouveau champ... et idiquez ses propriétés : Saisissez le libellé et le om du champ. Sélectioez le type de champ : Texte, Boolée, Nombre etier ou à virgule, Date, etc. Le type de champ sélectioé implique u cotrôle des doées lors de la saisie des réposes par les utilisateurs. Pour les champs de type Texte, vous pouvez : Ajouter ue cotraite e la sélectioat das la liste déroulate. Deux types de cotraites sot dispoibles : 1 Sur la casse des caractères Les iformatios saisies peuvet être stockées das le champ das les formats suivats : tout e majuscule, tout e miuscule ou avec la première lettre e majuscule. Cette cotraite 'oblige pas l'utilisateur à saisir les iformatios das le format choisi, mais le coteu saisi das le champ sera trasformé lors de l'eregistremet. 2 Sur le format des doées saisies Associer au champ ue éumératio existate. Si ce champ est utilisé das ue liste, les valeurs de l'éumératio pourrot être iitialisées automatiquemet das le tableau des valeurs à partir du lie correspodat situé au-dessus de la liste des valeurs. Neolae v6.1 - Foctioalités Web - Neolae Survey Maager - Questioaires e lige 201

203 Neolae Par exemple, vous pouvez créer ue liste déroulate afi que l'utilisateur sélectioe sa lague materelle. Le champ archivé correspodat peut être associé à l'éumératio laguage qui cotiet ue liste de lagues : L'icôe Editer le lie située à droite du champ permet d'éditer le coteu de cette éumératio : 202 Neolae 2013

204 Neolae Survey Maager - Questioaires e lige Das l'oglet Gééral du champ, le lie Iitialiser la liste des valeurs depuis la base de doées permet de reseiger automatiquemet la liste des libellés proposés. Exemple : stocker tous les cotrats d'u destiataire das u même champ Pour stocker les types de cotrats d'u utilisateur das u même champ, créez u champ de saisie de type Texte et sélectioez l'optio Stocker les réposes à ue questio. Cliquez sur le lie Nouveau champ... et idiquez les propriétés du champ. Sélectioez l'optio Choix multiples afi de permettre le stockage de plusieurs valeurs. Neolae v6.1 - Foctioalités Web - Neolae Survey Maager - Questioaires e lige 203

205 Neolae Créez les champs de saisie des autres cotrats, et stockez les iformatios das le même champ archivé. Lorsque l'utilisateur valide le questioaire, ses réposes sot stockées das le champ Cotrats. Das otre exemple, pour les réposes suivates : Le profil du répodat cotiedra les quatre cotrats reseigés. 204 Neolae 2013

206 Neolae Survey Maager - Questioaires e lige Vous pouvez les visualiser das l'oglet Réposes du questioaire, e affichat les coloes correspodates. Vous pouvez égalemet filtrer les destiataires e foctio des réposes fouries pour 'afficher que les utilisateurs recherchés. Pour cela, créez u workflow de ciblage et utilisez la boîte Réposes à u questioaire. Neolae v6.1 - Foctioalités Web - Neolae Survey Maager - Questioaires e lige 205

207 Neolae Costruisez votre requête e foctio des profils à récupérer. Das l'exemple ci-dessous, la requête permet de sélectioer les profils ayat au mois deux cotrats dot u cotrat de type A. Pour chaque formulaire, les réposes fouries peuvet être réutilisées das les champs ou les libellés. La sytaxe à utiliser pour u coteu stocké das u champ archivé est la suivate : <%= ctx.webapplogrcpdata.om du champ archivé %> Note : Pour les autres types de champs, la sytaxe à utiliser est présetée das la sectio Créer des requêtes. Paramètres de stockage Vous pouvez archivez au format XML les réposes aux questioaires. Vous coserverez aisi ue copie brute des réposes collectées, ce qui peut s'avérer utile otammet e cas de ormalisatio abusive des doées d'ue éumératio (voir à ce sujet Normaliser les doées [page 222]). Avertissemet : L'archivage des réposes brutes augmete sigificativemet l'espace de stockage des doées. Cette optio est à utiliser avec précautio. Pour cela : Editez les propriétés du questioaire à partir du bouto Propriétés de l'oglet Editio. 206 Neolae 2013

208 Neolae Survey Maager - Questioaires e lige Cliquez sur le lie Paramètres avacés et cochez l'optio Coserver ue copie des réposes brutes. Note : Vous pouvez l'activer par défaut pour tous les questioaires (cette optio est appliquée à la publicatio du questioaire). Pour cela, créez l'optio NmsWebApp_XmlBackup et attribuez-lui la valeur 1, comme ci-dessous : Neolae v6.1 - Foctioalités Web - Neolae Survey Maager - Questioaires e lige 207

209 Neolae Gestio des scores Avertissemet : La gestio des scores 'est dispoible que das les Questioaires. Vous pouvez attribuer u score aux optios proposées das les pages du questioaire. Ils e peuvet être associés qu'à des questios fermées : cases à cocher, valeur d'ue liste déroulate, aboemet, etc. Les scores sot cumulés et sauvegardés côté serveur, au momet de la validatio de la page, c'est-à-dire lorsque l'utilisateur clique sur u bouto Suivat ou Termier. Note : Vous pouvez utiliser des valeurs positives ou égatives, etières ou o. Les scores peuvet être utilisés das des tests et das des scripts. Avertissemet : Vous e pouvez pas utiliser le score das les coditios de visibilité pour les champs d'ue même page. Le score peut être utilisé das les pages suivates. 208 Neolae 2013

210 Neolae Survey Maager - Questioaires e lige Pour utiliser les scores das des tests, vous devez utiliser le champ Score das la formule de calcul du test, comme das l'exemple ci-dessous : Vous pouvez utiliser le score das u script. Exemple : calculer u score et coditioer l'affichage de la page suivate : Neolae v6.1 - Foctioalités Web - Neolae Survey Maager - Questioaires e lige 209

211 Neolae Das u questioaire, la page suivate permet d'attribuer u score différet à l'utilisateur e foctio de la valeur sélectioée das la liste déroulate : Vous pouvez cumuler ce score avec ue secode valeur, e foctio de l'optio sélectioée : 210 Neolae 2013

212 Neolae Survey Maager - Questioaires e lige Lorsque l'utilisateur clique sur le bouto Suivat, les deux valeurs sot additioées. Il est possible de coditioer la page à afficher e foctio du score. Le paramétrage sera le suivat : Publier et diffuser u questioaire Diffusio, suivi et utilisatio des doées collectées Ue fois le formulaire créé, cofiguré et publié, vous pouvez le diffuser et suivre les réposes des utilisateurs. Neolae v6.1 - Foctioalités Web - Neolae Survey Maager - Questioaires e lige 211

213 Neolae Note : Le cycle de vie d'u questioaire sous Neolae aisi que ses modes de publicatio et de diffusio sot similaires à ceux d'u formulaire Web : ils sot présetés das le chapitre Formulaires Web [page 45]. Tableau de bord du questioaire Pour chaque questioaire, le tableau de bord permet de visualiser rapidemet l'état, la descriptio, l'url publique et le plaig de dispoibilité. Il permet égalemet d'afficher les rapports dispoibles. Voir à ce sujet la sectio Les rapports sur les questioaires [page 214]. L'URL publique du questioaire est affichée das le tableau de bord : Suivre les réposes Vous pouvez suivre les réposes au questioaire das les logs et das les rapports. 212 Neolae 2013

214 Neolae Survey Maager - Questioaires e lige Les logs de questioaires Pour chaque questioaire diffusé, vous pouvez suivre les réposes das l'oglet Réposes. Cet oglet affiche la liste des utilisateurs ayat remplis le questioaire et les réposes fouries. Double-cliquez sur ue lige pour afficher le questioaire tel qu'il a été rempli par le destiataire. Vous pouvez cosulter toutes les pages du questioaire et aisi accéder à l'itégralité des réposes. Ces réposes peuvet être exportées das u fichier extere. Voir à ce sujet la sectio Exporter les réposes [page 216]. Note : L'origie est ue iformatio idiquée das l'url du questioaire e y ajoutat les caractères suivats :?origi=xxx Tat que le questioaire est e éditio, so URL cotiet le paramètre uuid, qui permet de sigifier qu'il est e phase de test et pas ecore e lige. Lorsque vous accédez au questioaire via cette URL, les eregistremets créés e sot pas pris e compte das le suivi (rapports). L'origie est alors forcée à la valeur eolae. Pour plus d'iformatios sur les paramètres des URLs, reportez-vous à la sectio Paramètres de l'url [page 133]. Neolae v6.1 - Foctioalités Web - Neolae Survey Maager - Questioaires e lige 213

215 Neolae Les rapports sur les questioaires Le tableau de bord permet d'accéder aux rapports sur le questioaire. Cliquez sur le om d'u rapport pour le visualiser. La structure du questioaire est sythétisée das le rapport Documetatio. Deux autres rapports sur les questioaires Web sot égalemet dispoibles par défaut das l'oglet Rapports des questioaires : Gééral et Répartitio des réposes. Gééral Ce rapport regroupe des iformatios géérales sur le questioaire : l'évolutio du ombre de réposes das le temps, la répartitio par origies et par lagues. 214 Neolae 2013

216 Neolae Survey Maager - Questioaires e lige Exemple de rapport gééral : Répartitio des réposes Ce rapport permet de cosulter la répartitio des réposes pour chaque questio. Cette répartitio 'est dispoible que pour les réposes fouries à des champs stockés das des coteeurs de type Questio. Neolae v6.1 - Foctioalités Web - Neolae Survey Maager - Questioaires e lige 215

217 Neolae Elle 'est valable que pour les cotrôles de sélectio (pas de répartitio sur les champs de type texte, par exemple). Exporter les réposes Les réposes à u questioaire peuvet être exportées das u fichier extere afi d'être réexploitées ultérieuremet. Pour cela, deux opératios sot possibles : 1 Exporter les doées d'u rapport Pour exporter les doées d'u rapport, cliquez sur le bouto Exporter et sélectioez le format d'export. L'export des doées d'u rapport est présetée das la sectio "Rapports" du Guide de cofiguratio. 2 Exporter les réposes 216 Neolae 2013

218 Neolae Survey Maager - Questioaires e lige Pour exporter les réposes, cliquez sur l'oglet Réposes du questioaire et cliquez avec le bouto droit de la souris. Choisissez Exporter... Idiquez esuite les iformatios à exporter et fichier d'eregistremet. Vous pouvez paramétrer le coteu et le format du fichier de sortie das l'assistat d'export. Aisi, vous pouvez : ajouter des coloes supplémetaires das le fichier de sortie et aisi récupérer les iformatios stockées e base relatives au destiataire, appliquer u formatage sur les doées exportées, sélectioer le format d'ecodage des iformatios das le fichier. Neolae v6.1 - Foctioalités Web - Neolae Survey Maager - Questioaires e lige 217

219 Neolae Avertissemet : Si le questioaire dot vous souhaitez exporter les réposes cotiet u ou plusieurs champs de type Texte multi-liges ou Texte HTML, vous devez l'exporter au format XML. Pour cela, sélectioez ce format das la liste déroulate du champ Format de sortie, comme ci-dessous : Cliquez sur Démarrer pour lacer l'export. Note : Le déroulemet d'u export de doées et les étapes de so paramétrage sot détaillés das le guide Neolae Platform. Utiliser les doées collectées Les iformatios collectées au travers des questioaires e lige peuvet être récupérées das le cadre d'u workflow de ciblage. Pour cela, utilisez la boîte Réposes à u questioaire. Das l'exemple suivat, ous allos proposer ue offre Web spécifique aux ciq destiataires parets d'au mois deux efats et ayat réalisé le meilleur score à ue equête e lige. Les réposes à cette equête sot les suivates : 218 Neolae 2013

220 Neolae Survey Maager - Questioaires e lige Das le workflow de ciblage, la boîte Réposes à u questioaire sera paramétrée comme suit : Sélectioez le questioaire coceré puis les doées à extraire das la sectio cetrale de la feêtre. Ici, il est écessaire d'extraire au mois la coloe du score car elle sera utilisée das la boîte de partage afi de e récupérer que les ciq meilleurs scores parmi les réposes fouries. Idiquez les coditios de filtrage des réposes e cliquat sur le lie Editer la requête... Neolae v6.1 - Foctioalités Web - Neolae Survey Maager - Questioaires e lige 219

221 Neolae Démarrez le workflow de ciblage. La requête permet de récupérer 8 destiataires. Cliquez avec le bouto droit de la souris sur la trasitio sortate de la boîte de collecte pour les visualiser. Positioez esuite das le workflow ue boîte de partage afi de e récupérer que les 5 destiataires ayat obteu le meilleur score. Editez la boîte de partage pour la paramétrer : Sélectioez d'abord le schéma adéquat das l'oglet Gééral avat de paramétrer le sous-esemble : 220 Neolae 2013

222 Neolae Survey Maager - Questioaires e lige Das l'oglet Sous-esembles, sélectioez l'optio Limiter les eregistremets sélectioés puis cliquez sur le lie Editer... Sélectioez l'optio Coserver les premiers suite à u tri et idiquez la coloe de tri. Cochez l'optio Tri descedat. Neolae v6.1 - Foctioalités Web - Neolae Survey Maager - Questioaires e lige 221

223 Neolae Cliquez sur le bouto Suivat et limitez le ombre d'eregistremets à 5. Cliquez sur Termier puis relacez le workflow pour valider le ciblage. Normaliser les doées Vous pouvez mettre e place das Neolae des processus de ormalisatio des doées collectées e utilisat les alias. Il est alors possible de ormaliser les doées stockées e base : pour cela, vous devez défiir des alias au iveau des éumératios das lesquelles les iformatios sot stockées. Voir à ce sujet la sectio "Eumératios" du guide Neolae Platform. Exemple de mise e oeuvre Parraier u ami Das cet exemple, ous allos proposer u jeu-cocours aux destiataires de la base de doées. Le formulaire Web de participatio permettra au destiataire, e plus de ses réposes, de parraier u ami auquel ce jeu pourra être proposé, e commuiquat so adresse . Les blocs d'idetificatio et de jeu sot costruits selo les procédures décrites ci-avat, das ce documet. Les étapes de paramétrage et de réalisatio du bloc de parraiage sot les suivates : 222 Neolae 2013

224 Neolae Survey Maager - Questioaires e lige 1 Créez u formulaire Web de jeu-cocours, avec des questios et ue zoe de saisie des coordoées d'u ami, comme das l'exemple ci-dessous : Le champ Votre message permet de saisir u message à l'itetio du filleul. Le parrai doit égalemet saisir So om, So préom et So . Les iformatios saisies das les champs sot stockées das ue table spécifique : la table des visiteurs. Note : Tat que le destiataire 'a pas exprimé so cosetemet, vous e pouvez pas le stocker parmi les destiataires la base de doées. Il sera doc provisoiremet stocké das la table des visiteurs (ms:visitor) coçue pour les opératios de marketig viral. Cette table est régulièremet purgée de so coteu par les opératios de cleasig. Das otre exemple, ous allos e cibler les destiataires pour leur proposer de participer à ce cocours, sur les coseils de leur parrai. Vous allez toutefois leur proposer, das ce message, u aboemet à l'u de vos services d'iformatio. S'ils acceptet, ils pourrot être stockés e base. Le coteu des champs relatifs au filleul sera utilisé das le script de créatio de so profil aisi que das le message qui lui sera adressé. 2 Créez u premier script afi d'associer le parrai à so filleul. Neolae v6.1 - Foctioalités Web - Neolae Survey Maager - Questioaires e lige 223

225 Neolae Il cotiet les istructios suivates : ctx.recipiet.visitor.@id = xtk.sessio.getnewids(1) ctx.recipiet.visitor.@forwardurl = "APP5" ctx.recipiet.visitor.@referrer = ctx.recipiet.@ ctx.recipiet.visitor.@referrerfirstname = ctx.recipiet.@firstname ctx.recipiet.visitor.@referrerlastname = ctx.recipiet.@lastname Le om, le préom et l'adresse reseigées das le bloc d'idetificatio de la page sot idetifiés comme les om, préom et adresse du parrai. Ces champs serot réijectées das le corps du message adressé au filleul. La valeur APP5 correspod au om itere du formulaire Web : cette iformatio permet de coaître l'origie du filleul, c'est-à-dire d'associer le visiteur au formulaire Web à partir duquel il a été créé. 3 La boîte d'eregistremet permet de collecter les iformatios et les stocker das la base de doées. 4 Créez esuite le modèle de diffusio associé au service d'iformatio créé lors de l'étape 1. Il sera sélectioé das le champ Choix du scéario du service d'iformatio. 224 Neolae 2013

226 Neolae Survey Maager - Questioaires e lige Le modèle de diffusio utilisé pour créer le message de propositio de parraiage cotiet les iformatios suivates : Les caractéristiques de ce modèle sot les suivates : Vous devez sélectioer la table des visiteurs comme mappig de ciblage. Neolae v6.1 - Foctioalités Web - Neolae Survey Maager - Questioaires e lige 225

227 Neolae Les coordoées du filleul, aisi que les iformatios relatives au parrai, provieet de la table des visiteurs. Elles sot isérées e utilisat le bouto de persoalisatio. Ce modèle cotiet u lie vers le formulaire du jeu-cocours et le lie d'iscriptio pour que le filleul puisse s'aboer à la ewsletter. Le lie d'iscriptio est iséré au travers d'u bloc de persoalisatio. Par défaut, il permet d'aboer les profils au service ewsletter. Ce bloc de persoalisatio peut être modifié selo vos besois, par exemple pour iscrire à u autre service. Le om itere (ici 'referrer') sera utilisé das le script d'evoi du message, à l'étape suivate. Note : Les modèles de diffusio sot présetés das le guide Neolae Delivery. 5 Créez le secod script qui permet de procéder à l'evoi des messages de parraiage. // Updtate visitor to have a lik to the referrer recipiet ctx.recipiet.visitor.@referrerid = ctx.recipiet.@id ctx.recipiet.visitor.@xtkschema = "ms:visitor" 226 Neolae 2013

228 Neolae Survey Maager - Questioaires e lige ctx.recipiet.visitor.@_operatio = "update" ctx.recipiet.visitor.@_key = "@id" xtk.sessio.write(ctx.recipiet.visitor) // Sed to fried ms.delivery.queuenotificatio("referrer", <delivery> <targets> <deliverytarget> <targetpart type='query' exclusio='false' igoredeletestatus='false'> <where> <coditio expr={'@id IN ('+ ctx.recipiet.visitor.@id +')' }/> </where> </targetpart> </deliverytarget> </targets> </delivery>) 6 Publiez le formulaire du jeu-cocours et evoyez ue propositio de participatio aux destiataires de la cible iitiale. Lorsque l'u d'etre eux souhaite iviter u ami à participer, ue diffusio basée sur le modèle Offre de parraiage est créée. Neolae v6.1 - Foctioalités Web - Neolae Survey Maager - Questioaires e lige 227

229 Neolae Le filleul est ajouté das le dossier des visiteurs, sous le oeud Admiistratio>Visiteurs : So profil cotiet les iformatios saisies par so parrai. Elles sot stockées selo les paramétrages saisis das le script du formulaire. Il sera eregistré das la table des destiataires s'il choisit de s'iscrire à la ewsletter. Cofigurer les questioaires Paramétrages avacés Les formulaires Web sot etièremet paramétrables et persoalisables pour répodre à vos besois. Les paramètres doivet être reseigés das la feêtre des propriétés. 228 Neolae 2013

230 Neolae Survey Maager - Questioaires e lige Les paramètres dispoibles sot présetés das la sectio Défiir les propriétés du formulaire [page 126]. Stockage des iformatios Par défaut, les champs des formulaires Web sot stockés das la table des destiataires. Vous pouvez modifier la table utilisée e sélectioat ue ouvelle table das le champ Type de documet. L'icôe Loupe permet de visualiser le coteu de la table sélectioée. Les réposes fouries par les utilisateurs das les questioaires et qui e sot pas stockées das des champs (mais das des variables locales) sot stockées das la table Réposes aux questioaires. Vous pouvez modifier le schéma utilisé à partir du champ Librairie. Ce champ 'est dispoible que pour les questioaires. Neolae v6.1 - Foctioalités Web - Neolae Survey Maager - Questioaires e lige 229

231 Neolae 230 Neolae v6.1 - Foctioalités Web

232 CHAPITRE 6 Neolae Microsites - Sites persoalisés Table des matières Présetatio Recommadatios Prérequis Mise e oeuvre Créer et paramétrer u modèle de purl Créer u ouveau modèle Format de l'url Persoalisatio de l'url Exemple de créatio d'ue URL persoalisée Créer et paramétrer u microsite Créer u microsite Créer le coteu d'u microsite URL persoalisées Créer ue purl Isérer ue purl das ue diffusio Iclure ue purl das ue diffusio courrier Suivi de l'accès au microsite Balises de trackig Durée de validité Rapports du microsite Cas pratique Créer u modèle de purl Créer u microsite Notifier les ivités Règles d'utilisatio des microsites et des URL persoalisées Présetatio U microsite est u site web persoalisé auquel u ivité accède lorsqu'il clique sur ue URL persoalisée. Cette URL peut être coteue das ue diffusio ou papier qu'il aura reçue. Das ce cas, le site web, persoalisé pour chaque destiataire de la campage, permet de mettre à jour ses iformatios et de lui proposer, le cas échéat, ue offre qui lui est propre (iscriptio à u salo, aboemet à u service, promotios, etc.). Das le cas où l'ivité accède au site via ue URL publique publiée sur Facebook ou Twitter par exemple, le microsite auquel il accède peut permettre de créer so profil e base. L'activité du site (accès, affichage des différetes étapes, iteractio avec l'ivité) peut être suivie et est aalysée das des rapports portat sur l'efficacité et le trafic du microsite. Neolae v6.1 - Foctioalités Web - Neolae Microsites - Sites persoalisés 231