Un projet web en collaboration avec le Centre collégial de développement de matériel didactique, Collège de Maisonneuve (CCDMD), et un design par Bon Melon.
Site web : adolescence.ccdmd.qc.ca
Après la mise en ligne et le lancement de SIM TES, et toujours sous la direction de mon collègue Mathieu Beauséjour, nous avions a réalisé un site contenant 31 ressources, autant de vidéos et 124 fichiers PDF, devant être facile de navigation et d’utilisation.
La principale difficulté fut l’utilisation d’un plugin de filtre que je n’avais jamais expérimenté (FacetWP) et que ce système de filtre devait se plier à nos normes élevées WCAG, incluant la navigation clavier et l’affichage de sous-catégories. Chaque catégorie devait aussi avoir sa propre charte couleur. Il a fallu ajouter un script custom pour Facet qui pouvait « jQuery.hide() » et « jQuery.show() » les sous-catégories basées sur la sélection du parent.
Les ressources vidéos furent produites presque en simultanées du site. Elles nous furent livrées en 4K, ce qui peut sembler parfait mais dans le cadre d’un site web avec un lecteur vidéo « self-hosted », les fichiers trop lourds ont dû être recompressés. Le lecteur média devait également prendre en charge les sous-titres au format VTT. La solution (Plyr.io) fut apporté par d’autres collègues du CCDMD.
Un aperçu des ressources vidéos disponibles.
Au final, c’est un projet WordPress avec Divi dont je suis très fier. Merci à toute l’équipe!