Cours Développement d’interfaces 4 — CMS

Dans ce cours, vous apprendrez à construire des sites avec des outils avancés : des CMS (Content Management System).

Ces outils permettent de:

  • Construire un site en utilisant une interface visuelle.
  • Gérer des contenus et les organiser (par exemple créer des catégories, des groupes, des hiérarchies de contenus)
  • Garder une séparation entre le code et la gestion des contenus.

Le CMS que nous utiliserons principalement est WordPress (augmenté de l’interface Bricks). Les raisons de ce choix:

  • WordPress est le CMS le plus largement utilisé dans le monde. Il y a de grandes chances que vous le rencontrerez dans votre vie professionnelle d’IMD.
  • WordPress est open-source et gratuit. Vous pouvez donc l’utiliser sans être forcé de payer une licence ou un abonnement.
  • WordPress est relativement facile à apprendre, tout en donnant une grande liberté visuelle dans la conception des sites.

Planification du cours:

Première phase: apprentissage

Apprentissage du CMS WordPress à travers une série d’exercices, sur quatre leçons.
Rendu 1: documentation en capture d’écran vidéo du travail réalisé.
Date du rendu: Lundi 9 février 2026 à la fin du cours.

Deuxième phase: application

Un travail réel utilisant le CMS WordPress. Nous travaillons sur un redesign du site officiel de l’Eracom. Ce nouveau site aura un design visuel plus contemporain, et permettra notamment de mettre en valeur les travaux réalisés dans l’école.

C’est un travail collaboratif entre plusieurs classes.

  • Classe ID421 : a conçu un Wireframe et une charge graphique. (semestre passé)
  • Classe ID441 : vont créer les Maquettes (Figma)
  • Classe ID331 : vont concevoir un design system (Figma)
  • Classe ID341 : va intégrer les maquettes dans WordPress.

Ce travail débutera le 23 février, et se déroulera en trois phases.

La première phase se déroule sur quatre séances: elle débute le 23 février et se termine le lundi 16 mars.

Pour gérer ce projet collectif, nous utiliserons une méthodologie Agile nommée Scrum.

Agenda

Voir l’agenda du cours dans Teams.