Création d'un site DSFR

Besoin

Vous souhaitez publier un site d'information sur internet avec le système de design de l'Etat, vous ne disposez pas de connaissance en html ni de thème spécialisé DSFR sur votre CMS.

Préalable

• Aucun

Ecran de la console

Sur la console de Preproduction, activer l'option "Mes Projets". Cliquer sur le bouton + en bas à droite de l'écran.

Une liste de projets "type" s'affiche :

Sélectionner le projet DSFR, en cliquant sur l'engrenage bleu. Dans le formulaire qui s'affiche, donner un nom à votre projet. Un nom de stack (pile de service) vous est proposé, il est unique. Vous pouvez le personnaliser, mais il doit rester court, sans espace ni accentuation. Il n'a pas vraiment d'importance.

Paramètres:

• titre du site,
• description du site,
• formulaire de recherche dans le site,
• avec un menu latéral dans la page, servant de sommaire sur les niveaux de titre
• avec un bouton retour en haut de page (liste déroulante gauche, droite, sans)

Ces valeurs sont stockées dans les variables CI/CD et peuvent ensuite être modifier si besoin, pour les prochaines génération du site.

Lorsque tous les champs sont renseigné, il faut cliquer sur le bouton "+ Créer"

Séquencement des étapes de création

Les premières étapes sont constituées:

• Vérification stack inexistante
• Création du projet sur votre espace personnel
• Recherche des groupes sur lesquels vous avez le droit de transférer un projet
• S'ils sont multiples, il vous faut choisir lequel (liste déroulante)
• transfert du projet sur le répertoire unique ou choisi

Après validation:

• Mise à jour des variables du CI/CD du projet (avec les éléments du formulaire)
• Création en base de la stack (pile de sercies)
• Création en base du projet
• Création du TAG (ou n° de version 1.01.01 déclenchant le déploiement)
• Suivi du pipeline pour le déploiement (récupération de l'identifiant du pipeline assurant le déploiement)
• Déploiement en cours, avec une icone Gitlab permettent de suivre en direct l'exécution du script

Le reste se passe sur Gitlab et la plateforme de conteneurisation des services. Vous pouvez fermer la fenêtre.

Suite

Vous pouvez suivre sur gitlab le déroulement de l'exécution du script de déploiement, jusqu'au message "job succeeded"

Sur l'écran "Mes Projets", en dépliant avec le + sur le nom du projet, le lancement afficher vous permet d'afficher le journal du déploiement

Sur l'écran "Tableau de bord", dans la partie descriptif, l'icone hypelien vous permet d'ouvrir la page de votre site. Il se peut que la base de données soit en cours de récupération. Il est fort probable que votre base actuelle ne soit pas dans la bonne version et que la page vous propose de la mettre à jour.

Vous n'avez fait que la première étape, celle du déploiement en PREPROD. Le site est vierge et ne possède qu'une page d'accueil. Utilisez le WiKi pour constituer les menus de navigation et le contenu des pages. En cas de souci, vous disposez d'un canal Tchap public DSFR Docs & Mkdocs DSFR.

Dès que le site vous paraît bien, la prochaine étape est la mise en production

Mise en production

Il faut choisir un nom de domaine qui déterminera l'url du site, en exposiion RIE, incluant le nom du service (se baser sur votre site intranet). Il peut être exposé sur internet, pour permettre la réservation depuis des services autre que des administrations. Il finira par .din.developpement-durable.gouv.fr.

Utiliser le cas d'usage Premier déploiement pour faire la demande de création de domaine/reverse-proxy.

Redéclenchez le déploiment en production lorsque vous êtes prêt et sûr que le reverse-proxy est crée sur le nom de domaine choisi.