Notre site web désormais basé sur iiRDS

Découvrez dans cet article de blog comment le contenu du site interagit avec les iiRDS.

Sur l'image, on voit le terme API dans un cercle entouré de symboles représentant des ordinateurs et d'autres systèmes.

Notre nouveau site web est en ligne depuis début novembre 2022.

Comme nous l'avons fait avec notre blog, nous avons emprunté de nouvelles voies. Nous utilisons des normes comme DITA, iiRDS et bien sûr notre propre logiciel pour publier automatiquement des contenus sur le web via une API.

Découvrez dans cet article de blog comment le contenu du site interagit avec les iiRDS.

Voici comment nous créons et publions notre nouveau site web

DITA comme source de données
Nous créons les contenus avec DITA. Pour ce faire, nous utilisons des topics spécialisés.
Publication en un clic
Le site web est publié automatiquement. Pour cela, nous avons développé des plugins basés sur le DITA-OT.
Nous utilisons ces plugins pour notre propre site web ainsi que pour notre blog et les mettons à la disposition de nos clients dans le cadre de nos projets CDP basés sur DITA.
Intégré dans le DITA-OT, il est ainsi possible de publier de manière automatisée, même dans les processus Daily/Nightly-Build.
c-rex.net DITA-OT-Plug-ins
Transformation selon iiRDS
Pour la transformation de DITA en iiRDS, nous utilisons notre service de données c-rex.net DTS et l'intégrons dans des scénarios de transformation locaux.
Scénario de transformation oXygen
Publication sur le site web
La publication se fait via l'API IDS de c-rex.net.
Les contenus sont affichés via l'API et RDF avec HTML5 responsive. Mot-clé : Content as a Service !

En d'autres termes, le site web est entièrement créé data-driven. Par exemple, les informations sur les collaborateurs et les entreprises sont entièrement tirées via VCard.rdf. D'autres contenus sont générés par l'interrogation d'iiRDS et de métadonnées.

Autres caractéristiques :

Le site web est traduit de manière entièrement automatique en trois langues. Pour ce faire, nous utilisons Machine Translation et y intégrons notre terminologie.
Pour les langues française et allemande, utilisateursutilisateuresutilisateurs et utilisateuresutilisateur·e·s peuvent choisir entre différentes formes de genre.

Relations entre les iiRDS et le contenu des sites web

Dans les captures d'écran suivantes, vous pouvez voir les liens entre les iiRDS et le contenu de notre site web.

Source des graphiques du slider, URL de la page d'accueil et fonctionnalité de l'encoche de recherche

Nous établissons un lien avec le backend RDF par le biais de l'encart de recherche. Il s'agit du Triple-Store dans lequel sont stockées les métadonnées iiRDS. La recherche plein texte est ainsi disponible pour tous les contenus présents dans le backend. utilisateursutilisateuresutilisateurs et utilisateuresutilisateur·e·s peuvent ainsi effectuer des recherches approfondies. Ils accèdent ainsi, s'ils sont authentifiés, aussi bien aux contenus du site web qu'à ceux du blog et du portail client.

La table des matières, c'est-à-dire la structure de navigation, résulte de la structure de métadonnées hiérarchique iirds:DirectoryNodes prévue à cet effet dans iiRDS. Pour pouvoir les distinguer des tables des matières d'une documentation "normale", nous avons défini le WebMenu et typé la table des matières de cette manière.

La rédaction définit dans DITA les endroits où les graphiques des sliders doivent apparaître à l'aide d'une simple référence. Ainsi, ces graphiques standard enregistrés dans le système sont automatiquement intégrés à l'endroit défini via des fragments typés.

<pagearea id="pagearea_sliders" areaid="slider-area"/>

Capture d'écran du site c-rex.net. Des flèches et leur légende permettent de pointer les éléments du site : ici iiRDS Fragements of Type Slider Graphic, iiRDS Directory

Source des logos des clients et affichage des trois derniers messages du blog

Nos références clients sont enregistrées dans le système grâce à un export CRM. Des VCards complexes sont générées au format RDF à partir de cette exportation. Une VCard est ensuite attribuée à un iirds:Party avec le iirds:PartyRoleCustomer, comme défini dans iiRDS.

La rédaction définit dans le contenu DITA une simple référence sous la forme d'un page-area-id spécialisé, à la place duquel les informations sont chargées dynamiquement par le backend. Grâce à la comparaison régulière avec le système CRM, ces données sont toujours à jour, sans que la rédaction doive adapter le contenu.

<pagearea areaid="customer-area" id="section-customer-area">
   <title>Kunden</title>
</pagearea>

Il faut ensuite indiquer la position à laquelle les trois derniers articles de blog doivent être affichés.

<pagearea id="section-blogteaser-area" areaid="blogteaser-area">
    <title>Blog</title>
</pagearea>

Capture d'écran du site c-rex.net. Les flèches et les inscriptions correspondantes indiquent les éléments du site web : ici iiRDS Party, Party Role Customer, Query last 3 iiRDS Topics of Type Blog Post

Source du logo c-rex.net et de l'affichage des mentions légales et de la protection des données

Une VCard au format RDF est également disponible pour c-rex.net dans le Triple-Store. Nous tirons ainsi automatiquement de la base de données les informations sur notre entreprise qui doivent être affichées dans l'en-tête et le pied de page.

Les contenus sont plutôt de nature statique, sont prédéfinis en même temps que les exigences de mise en page du marketing et sont mis en œuvre en conséquence dans le design web.

Toutefois, ici aussi, les informations sont automatiquement mises à jour à partir de notre CRM, de sorte que si les informations relatives à l'adresse sont modifiées dans le CRM, la modification est immédiatement visible sur le site web.

Capture d'écran du site c-rex.net. Les flèches et les inscriptions correspondantes indiquent les éléments du site web : ici iiRDS Party, Party Role Manufacturer, Topics of Information Subject Imprint and Privacy

Source d'affichage des personnes de contact

La situation est similaire pour les personnes de contact. Comme nous n'utilisons actuellement aucun système de gestion des ressources humaines dans lequel les données de nos collaborateurs sont gérées, nous créons dans ce cas les VCards manuellement.

Ce qui peut être fait à un coût raisonnable pour la taille de notre entreprise est trop lourd pour les grandes entreprises. Dans ce cas, il est intéressant d'extraire et de générer les données à partir d'un système source existant.

Capture d'écran du site c-rex.net. Les flèches et les inscriptions correspondantes indiquent les éléments du site web : ici iiRDS Party, Party Role Sales Employee

Source de l'affichage du choix de la langue

Le point le plus important du point de vue des données est que nous pouvons établir une relation entre un topic et ses variantes linguistiques, ainsi que ses versions le cas échéant, pour chaque page individuelle.

Cette relation est établie via l'iirds:InformationObject. Rien qu'avec ce triple iirds:Topiciirds:is-version-ofiirds:InformationObject, un contrôle de la langue et de la version est possible dans les interfaces utilisateur.

Capture d'écran du site c-rex.net. Des flèches et leur légende indiquent les éléments du site : ici iiRDS Information Object

Utilisez vous aussi le logiciel c-rex.net pour la transformation de données et la diffusion de contenu !

Avons-nous réussi à vous convaincre de l'efficacité de notre approche de la diffusion de contenu basée sur iiRDS?

Nous pouvons très bien imaginer publier vos contenus de différentes sources de manière similaire sur votre site web ou dans votre portail client ou portail de service existant.