Mots de tête

Le mandat

En lunetterie, en orthodontie, en hygiène dentaire et en prothèses dentaires, beaucoup de mots du métier circulent d'abord en anglais (bracket, retainer, tie-wing), souvent sans traduction connue. Le projet Le français, au cœur de nos ambitions, financé par l'Office québécois de la langue française, voulait leur donner un équivalent français fiable.

C'est un gros projet multidisciplinaire : des professeures et professeurs de quatre départements ont rédigé les fiches, une terminologue et traductrice agréée les a révisées, et l'équipe de Techniques d'intégration multimédia a conçu et programmé le site. Résultat : quelque 600 concepts, chacun validé.

Un terme = une fiche structurée

Chaque terme est un contenu WordPress à part entière, avec des champs plutôt qu'un texte libre : catégorie grammaticale, équivalent anglais, domaine, définition, notes, sources, image, date de révision et réviseures.

Les variantes sont séparées en trois listes (termes à privilégier, termes utilisés dans certains contextes, termes à éviter) que le gabarit affiche avec un code de couleur et d'icônes. Les rédactrices remplissent un formulaire ; la mise en page ne dépend jamais d'elles, et toutes les fiches restent cohérentes.

Les domaines comme colonne vertébrale

Les quatre domaines structurent tout : l'adresse de chaque fiche (/orthodontie/boitier/), la page de répertoire, les filtres de recherche et même la couleur. Une classe de thème par domaine (o-theme-orthodontie, par exemple) donne sa teinte à la carte, à la bannière et à l'étiquette, sans gabarit dupliqué.

Le rolodex : retrouver un mot sans le chercher

Chaque page de domaine est générée à partir des fiches : les termes sont triés, regroupés par lettre, et affichés avec leur équivalent anglais juste en dessous. En tête, un index de A à Z sert de rolodex ; les lettres sans terme sont désactivées automatiquement, donc l'index reste juste quand on ajoute ou retire une fiche.

Un composant Spy suit le défilement et allume la lettre en cours : on sait toujours où l'on est dans le lexique, même sur une longue liste.

Une recherche bilingue

Un seul champ, en français ou en anglais. La recherche ignore les accents (« boitier » trouve « boîtier ») et parcourt les quatre domaines en même temps.

Les résultats arrivent avec des filtres par domaine et leur nombre de résultats. Tout passe par l'adresse (?s=boitier&d=orthodontie) : une recherche filtrée se partage ou se met en favori, et fonctionne sans JavaScript.

Les mêmes fondations orientées objet

Le front-end reprend l'architecture de mes projets WordPress : des classes JavaScript regroupées par webpack, instanciées par une fabrique selon l'attribut data-component. Chaque page n'active que ce dont elle a besoin.

La version en ligne est une compilation de production avec empreinte dans le nom du fichier (scripts.d4eea29d.js), ce qui permet une mise en cache longue sans risque de servir un vieux script.

Partout

1. Header
2. Scrolly
3. Modal
4. Snackbar

Domaine

1. Spy
2. Share
3. Print

Fiche

1. Accordion
2. Share
3. Print

Recherche

1. Form

Un lexique qui peut grandir

Le vocabulaire n'est pas figé. Deux formulaires, ouverts dans une fenêtre modale, permettent de suggérer un nouveau terme ou une modification à une fiche ; une notification confirme l'envoi. Les suggestions arrivent à l'équipe, qui les fait réviser avant de les publier comme n'importe quelle fiche.

Chaque fiche s'imprime proprement (composant Print) et se partage (Share) : utile en classe comme en clinique.

En clinique, sur le téléphone

On cherche souvent un mot sur le moment, téléphone en main. Le rolodex se fait défiler horizontalement, les fiches gardent leur hiérarchie, et la recherche reste accessible depuis l'en-tête sur toutes les pages.

• Accueil · recherche + domaines
• Domaine · rolodex A–Z
• Fiche · boîtier
• Recherche · filtres

Crédits

Réalisation

Cégep Édouard-Montpetit, projet « Le français, au cœur de nos ambitions »

Contribution financière

Office québécois de la langue française

Coordination du projet

Jean-Sébastien Ménard

Révision terminologique

Antonie Pluk, terminologue et traductrice agréée

Rédaction · Lunetterie et contactologie

Sophie Bellavance

Rédaction · Orthodontie

Martine Castonguay, Chantal Guinta, Chantal Lacoursière

Rédaction · Produits et instruments dentaires

Monique Delisle

Rédaction · Prothèses dentaires

Émilie Brûlé, Guillaume Tanguay, Hélène Fillion

Conception UI/UX

Christian Dugas

Développement web

Jean-François Leblanc, Matthieu Parent

Photographie et retouche

Franck-Richard Théronier

Gestion administrative

Jacinthe Noreau

Communications

Inès Sanchez

Captures réalisées sur le site en ligne. Photographies et logos : propriété de leurs auteurs et de Cégep Édouard-Montpetit, avec l'Office québécois de la langue française.