Un nouveau site éco-conçu pour l'Autre École

Il était temps, non? 😅

TL;DR

Si tu es parent à l'Autre École et que tu lis ceci, on t'invite à partager tes suggestions concernant le site et, si tu le souhaites, contribuer à son amélioration.

En plus d'un raffraîchissement bien nécessaire, ce nouveau site a pour but de véhiculer par le digital les valeurs qui sont chères à l'école. Nous avons notamment pris soin de soigner l'écologie, l'accessibilité, les performances, l'autonomie et le partage.

Le site a été conçu par Tess (graphiste) et Marc (développeur web), parents de l'école depuis 2024. N'hésite pas à venir nous voir.

Comment

Septembre 2024, Oona arrive à l'Autre École accompagnée de maman Tess et papa Marc.
Le 23 janvier 2025 à 12:37, Marc propose de refaire le site.
Le 23 janvier 2025 à 13:29, Grégoire répond qu'il est "plutôt vachement enthousiaste".

Pourquoi

L'ancien site, basé sur WordPress, était structuré comme un blog, format peu adapté aux besoins de l'école. Sa maintenance était devenue un fardeau et l'hébergement utilisé, hors de prix.

Depuis près de huit ans, Marc se passionne pour les sites web éco-conçus, utilisant l'approche Jamstack.
On vous passe les détails mais cette passion a conduit Marc à concevoir plusieurs systèmes de gestion de site web. Le dernier en date est poko, un outil de création de sites web qui incarne ses valeurs: simplicité, écologie numérique, performance, accessibilité, autonomie, ...
L'Autre École a inspiré la naissance de ce projet et ce site est seulement le deuxième basé sur poko.

Les valeurs au cœur du projet

Écologie numérique

L'écologie est une valeur fondamentale partagée par l'Autre École et ce nouveau site web s'inscrit parfaitement dans cette philosophie. L'empreinte écologique du numérique est un enjeu majeur, souvent sous-estimé: serveurs énergivores, transferts de données massifs, infrastructures surdimensionnées...

Notre approche repose sur une conception beaucoup plus minimaliste:

• Pages légères: réduction drastique du poids des pages pour diminuer la consommation liée au transfert de données
• Hébergement optimisé: utilisation d'un CDN (Content Delivery Network) qui optimise le canal de distribution du site
• Durée de vie prolongée: conception qui ne nécessite pas de refonte fréquente ni de mises à jour de sécurité

Comparé à la version précédente, le nouveau site est significativement plus léger.

Tu te souviens de l'ancien site? Dis-nous si tu sens la différence en naviguant sur celui-ci.

Performances et accessibilité

La performance d'un site web n'est pas qu'une question de confort, c'est aussi une question d'équité et d'inclusion. Un site rapide est accessible à tous, même sur des connexions limitées ou des appareils moins récents.

Le nouveau site de l'Autre École bénéficie de:

• Chargement rapide: les pages s'affichent rapidement, même avec une vitesse de connexion limitée
• Images optimisées: compression intelligente sans perte de qualité visible
• Absence de JavaScript superflu: uniquement du HTML et CSS, pour une expérience fluide et universelle
• CSS minimal: seuls les styles nécessaires sont chargés

L'accessibilité a été pensée à chaque étape du développement:

• HTML sémantique: structure claire pour les lecteurs d'écran et moteurs de recherche
• Typographie soignée: choix de polices lisibles, tailles adaptées et longueurs de ligne optimales
• Descriptions alternatives: les images disposent de textes alternatifs lorsque c'est nécessaire pour les personnes malvoyantes
• Structure logique: hiérarchie de contenu permettant une navigation plus intuitive (on l'espère)

Transparence et pérennité

La transparence est une valeur essentielle dans notre approche. Le nouveau site est conçu pour être:

• Compréhensible: architecture simple et documents en formats standard (markdown, yaml)
• Autonome: aucune dépendance à des services propriétaires ou payants
• Pérenne: contrairement aux CMS traditionnels, ce site ne nécessite pas de mises à jour constantes de sécurité
• Évolutif: facilement modifiable sans expertise technique avancée

Les avantages concrets pour l'école

Bénéfices pour la communauté scolaire

Ce nouveau site apporte plusieurs avantages tangibles à notre communauté scolaire:

• Expérience utilisateur améliorée: navigation plus intuitive et accès rapide aux informations essentielles
• Compatibilité universelle: le site fonctionne parfaitement sur tous les appareils, des plus anciens smartphones aux ordinateurs récents
• Contenu mieux structuré: organisation claire qui abandonne le format blog pour une architecture adaptée aux besoins spécifiques de l'école
• Coûts réduits: hébergement gratuit via des plateformes de CDN modernes, libérant des ressources pour d'autres projets scolaires

Ce site incarne également les valeurs écologiques portées par l'Autre École, offrant aux enfants un exemple concret de choix technologiques responsables.

Facilité de maintenance et d'évolution

L'un des défis majeurs des sites d'école est leur transmission et leur maintenance. Le nouveau site résout ces problématiques:

• Simplicité de mise à jour: ajout de contenu et modifications via une interface d'édition moderne (headless CMS)
• Zéro maintenance technique: pas de base de données à sauvegarder, pas de mises à jour de sécurité à surveiller
• Transmission facilitée: documentation claire et architecture simple permettant à de nouveaux responsables de prendre le relais sans formation spécifique
• Collaboration ouverte: possibilité pour tous les membres de la communauté (enseignants, parents, direction) de proposer des modifications ou du contenu

Cette architecture permet également au site d'évoluer naturellement avec les besoins de l'école, sans nécessiter de refonte complète régulière.

Conclusion

Vision pour l'avenir

Ce nouveau site web représente bien plus qu'une simple mise à jour technique. C'est une démarche alignée avec les valeurs fondamentales de l'Autre École: respect de l'environnement, accessibilité, autonomie et partage.

Le web évolue constamment, et nous avons fait le choix d'une solution qui se concentre sur l'essentiel: un contenu clair, accessible rapidement, sur une infrastructure légère et durable. Cette approche permet non seulement d'améliorer l'expérience de tous les utilisateurs aujourd'hui, mais aussi d'assurer la pérennité du site pour les années à venir.

L'outil poko qui a servi à construire ce site vise à démocratiser la création de sites web éco-conçus et accessibles. On est fiers que l'Autre École puisse bénéficier de cette approche et devenir un exemple de choix numériques responsables.

Participez à l'évolution du site!

Ce site, comme le reste de l'école, est conçu comme un espace collaboratif, où chaque membre peut contribuer. Tu as des idées, des suggestions ou du contenu à partager? N'hésite pas!

• Propose du contenu: articles, photos, actualités...
• Partage des retours: ce qui fonctionne bien, ce qui pourrait être amélioré...
• Signale les problèmes: liens cassés, informations à mettre à jour...

Aucune compétence technique n'est requise pour participer à l'évolution du site. Tu peux simplement contacter la commission informatique (commission-informatique@autre-ecole.foo.org) pour partager tes contributions ou discuter de tes idées.

Ce site a été développé bénévolement pour l'Autre École. Si tu es intéressé par des solutions web similaires pour ton organisation, n'hésite pas à contacter Tess ou Marc pour en parler. C'est notre métier.