Application : Page web

Notre application page Web fait partie de celles qui sont systématiquement utilisées par nos clients.
À l’instar d’un CMS, l’utilisation combinée des espaces et des pages web permet de créer un site d’information. La page Web permet la création de contenu web statique.

Très simple à paramétrer :

Le principal choix est l’utilisation ou non de « Formulaires ».

Si vous faites le choix de ne pas utiliser de formulaire alors c’est l’éditeur WYSIWYG qui permettra la saisie de cette page Web.

Les avantages des formulaires dans l’utilisation de l’application page Web

L’utilisation de formulaires (bien conçus) assure une cohérence de structuration et de présentation. Des pages qui sont construites selon la même logique, et ainsi des contenus agréables à parcourir pour les lecteurs.

Un petit rappel sur les formulaires : les administrateurs de la plateforme peuvent créer en toute autonomie autant de formulaires que nécessaire. Vous avez à votre disposition, 22 types de champs différents, donc avec ça, normalement vous trouverez votre bonheur.
Quelques types en vrac : Texte, url, email, bouton radio, case à cocher, liste déroulante, date, fichier, vidéo, Adresse, utilisateurs, Identifiant, …

Une fois le formulaire conçu, il est possible d’affiner le travail en proposant une mise en forme du formulaire de saisie et surtout de consultation : dans ce cas la page web vue par tous.
Dans les cordes de n’importe quel webdesigner, il suffit de concevoir le fichier HTML, avec la CSS intégrée et vous pouvez même animer/dynamiser/interagir en intégrant du javascript.

Si les compétences vous manquent, vous pouvez toutefois faire appel à l’équipe Silverpeas ou à une IA.

Exemple de prompt à utiliser

À fournir avec le data.xml du formulaire, que vous trouverez dans /Silverpeas/data/templateRepository/NomDeVotreFormulaire/

 

Je travaille sur Silverpeas et j’ai besoin de créer un fichier view.html pour afficher en lecture seule les données d’un formulaire personnalisé.

Contraintes techniques

  • Le fichier doit être en HTML/CSS avec du JavaScript jQuery 3.3.1, chargé ainsi :
<script type="text/javascript" src="/silverpeas/util/javaScript/jquery/jquery-3.3.1.min.js"></script>
<script>
    whenSilverpeasReady(function() {
        // ton code ici
    });
</script>
  • Pour afficher la valeur d’un champ de formulaire, utiliser la syntaxe de template Silverpeas :
<label for="name"><%=theName.label%> :</label>
 <span id="name"><%=theName%></span>

(où theName est le fieldName exact du champ dans le XML du formulaire)

Champs du formulaire

Les champs sont décrits dans le fichier XML joint (data.xml). Chaque champ précise : son fieldName, son displayerName (type de rendu : image, map, wysiwyg, textarea…), son label en français, et ses éventuels paramètres.

Ce que j’attends

  1. Pose-moi des questions si le rôle métier d’un champ n’est pas clair avant de commencer.
  2. Demande moi si tu veux savoir ce que Silverpeas génère pour un type de champ donné
  3. Propose-moi des choix de mise en page et de style (organisation, palette de couleurs, ton visuel) avant de générer le code.
  4. Génère un fichier view.html complet et fonctionnel, avec :
    • un CSS soigné intégré dans le fichier,
    • une gestion des valeurs vides (masquer les blocs sans contenu),
    • les spécificités de chaque displayer respectées (carte pour map, liste pour textarea multiligne, image conditionnelle pour image, etc.).

Voilà ce que devrait plus ou moins vous demander votre IA, suite au prompt :

Après une fois le fichier généré, le point important à vérifier est la bonne syntaxe <%=theName%>, et que tous les champs sont bien remontés et surtout que certains champs n’ont pas été inventés par l’IA. Fortiche en HTML et CSS mais un peu farfelue quelquefois 🙂

La souplesse de l’utilisation de l’éditeur WYSIWYG

En faisant le choix de l’éditeur, vous offrez une plus grande souplesse à vos rédacteurs. L’idéal, est un éditeur WYSIWYG paramétré et configuré selon votre charte graphique. En limitant le choix des couleurs à celle de votre charte. Avec des styles bien définis, pour les titres, boutons, introduction…

Et la cerise sur le gâteau, ce sont les modèles.

Les modèles, appelés aussi templates, permettent d’intégrer à votre contenu des blocs HTML préformatés. Comme par exemple, une galerie photo ou bien une « fiche produit ». Ainsi le rédacteur pioche dans les blocs dont il a besoin, et renseigne à l’intérieur les bonnes informations.

Si vous souhaitez en savoir plus, n’hésitez pas à contacter l’équipe de Silverpeas qui se fera un plaisir de vous accompagner dans votre projet :

Ecrire à Silverpeas