Un portail vidéo inclusif
Des vidéos mettent en perspective des archives et génèrent une conversation
Nous sommes heureux de partager avec vous…
La réalisation du projet “Sur les chemins de l’inclusion”
Voici l’accès à la plateforme vidéo qui permet de découvrir plus d’une centaine de vidéos sur les enjeux de l’inclusion des personnes en situation d’handicap. Et voici le site web qui décrit le projet et donne accès à des ressources complémentaires.
Nous avons démarré le travail sur ce projet en été 2022, pour aboutir à une présentation publique en novembre 2023. Ce projet a été réalisé en partenariat avec la société MobileThinking, nos partenaires de longue date.
Les détails du projet
Pensée comme un centre de ressources à partir des représentations télévisuelles du handicap, la plateforme web propose à l’utilisateur de faire son propre voyage à travers un dialogue interactif avec des vidéos et des ressources, pour accompagner et approfondir la réflexion autour des images du handicap et de ses représentations sociales, dans une visée contributive.
L’utilisateur peut donc tour à tour apprendre, comprendre, sentir, évaluer et décrire les chemins d’une société inclusive - à travers un corpus de plus de 100 vidéos.
Le projet Sur les chemins de l’inclusion a débuté par une étude à l’Université de Lausanne, en partenariat avec le service de Données+Archives de la Radio Télévision Suisse Romande.
Plus de 300 films (émissions de plateau, documentaires, reportages, fictions-documentaires) réalisés entre 1956 et 2020 ont été étudiés par une équipe de quatre sociologues. Ces derniers ont travaillé pour montrer les façons dont ces documents télévisuels abordent le sujet de l’invalidité, et ont interrogé l’impact de ces films sur les représentations collectives du handicap.
En partenariat avec le service des archives de la RTS et des associations qui militent pour la défense des droits des personnes vivant avec des handicaps, le programme de médiation scientifique Sur les chemins de l’inclusion… invite chacun et chacune :
- à se plonger dans les films d’archives qui parlent du handicap
- à entendre les paroles de personnes concernées qui participent au programme
- et à réagir à son tour en dialogue avec l’équipe de médiation scientifique qui réalise ce programme (directement sur la messagerie du site ou en participant à une séance d’atelier de médiation).
Voici quelques liens complémentaires pour en savoir plus:
Voici un tour guidé des parties principales du site:
Méthode de travail et collaboration
La particularité de ce projet pour nous était de se retrouver dans un rôle de collaboration à la source (production et postproduction des vidéos), en accompagnant la réalisation logicielle avec des développements no-code tout en supervisant les développements custom.
Notre implication sur le projet était donc multiple, avec l’objectif de tout faire pour que le projet puisse continuer sa route une fois le financement institutionnel terminé.
Les aspects suivants ont été prioritaires:
- Collaboration efficace en mode distanciel. Comme l’équipe était dispersée géographiquement, il était important de pouvoir se baser sur un espace de collaboration centralisé et structuré. Nous avons donc mis en place un workspace Notion, qui a servi tout autant à la logistique, le suivi des dépenses, le budget, les tâches, les informations, ressources et le site web.
- Concepts compréhensibles pour assurer le bon alignement entre les intentions et les livrables. L’enjeu était d’éviter les malentendus entre nous, tout en optimisant l’efficacité de travail avec les partenaires externes. Pour y arriver, nous avons misé sur la réalisation de schémas, de wireframes et de descriptions précises (fonctionnalités, workflows, mécanique…). Cet effort de conceptualisation permet d’avoir une documentation riche et utile à la fin du projet, pour assurer justement la pérennité du projet.
- Utiliser des outils et applications flexibles et peu onéreuses, en inventant des nouvelles manières de produire de la valeur. Cela n’a pas forcément marché comme souhaité pour le workflow collaboratif vidéo, mais pour la partie web, nous avons pu mettre en place une combinaison d’outils no-code pour pouvoir offrir des informations et des fonctionnalités au plus proche des usages souhaités. Voir plus bas pour le détail.
Toutes ces opérations et ces tâches ont pu se faire de manière efficace et sereine grâce à la très bonne entente au sein de l’équipe: cela a été un véritable plaisir de pouvoir collaborer sur ce projet !
Le cahier de charges
Voici les principales fonctionnalités et caractéristiques qu’il fallait réaliser pour la plateforme vidéo et le site:
- FALC et avec accessibilité web parfaite, simplicité d’usage → intuitif et accessible
- Design épuré et classe → beau et agréable
- Responsive, avec priorité sur smartphone → adapté au toucher et aux petits écrans
- Mécanique de recommandation basée sur une logique conversationnelle (avec des phrases prédéfinies) → intuitif et touche humaine
- Les contenus (vidéos, textes) racontent de manière plurielle → diversifié et sourcé
- Recherche simple et intuitive, filtrage avancé → qui s’adapte à ses questions et répond à des besoins divers
- Possibilité de contribuer via une mécanique de questionnaires → utile et engageant
- Une autre structure devrait pouvoir reprendre et continuer d’alimenter le site une fois le financement AGORA terminé → évolutif et pérenne
Les détails de l’architecture logicielle
Voici le schéma de l’architecture logicielle globale, qui présente la combinaison d’une partie no-code en cohabitation avec un développement logiciel custom (réalisé par notre partenaire MobileThinking):
Comme pour une bonne partie de nos projets, le duo Notion & Airtable fait la colonne vertébrale, le coeur et le cerveau...
Notion comme colonne vertébrale collaborative
Notion permet de créer des bases de données, comme:
- Les applications (liste des applications no-code)
- Les abonnements (notre offre)
- Et d’autres encore, non visibles sur le site
Notion permet aussi de créer des pages, comme celle que vous voyez actuellement.
Ce billet de blog est une page dans une base de données “Blog”, à la racine du site.
Pourquoi utiliser Notion ?
Nous allons rédiger un billet spécifique sur Notion, qui est notre plaque tournante pour quasiment tout…
En attendant, voici quelques avantages:
- L’éditeur est très simple et efficace (bien plus que Wordpress, Wix et compagnie)
- Les vues des bases de données sont très puissantes, on peut tout paramétrer
- Le côté collaboratif est très bien développé: il est possible d’avoir une partie de son workspace pour des besoins de gestion de projets internes, tout en utilisant une partie de ces données pour des usages publics
- Il existe tout un écosystème d’utilitaires et d’extensions pour Notion, ce qui étend les usages et les opportunités
- Il s’agit d’une application mature, utilisée par des millions d’utilisateurs; l’outil est très stable et rapide
- Notion peut générer des pages publiques
Cependant, ces pages publiques ne sont pas très jolies: pas de layout ou de domaine personnalisé, trop standardisé Notion…
Pour ce site, nous avons privilégié Super.so - mais Bullet.so est très bien aussi (on fera une comparaison prochainement).
Pour vous rassurer: il est également possible de développer un site web complètement personnalisé, au design spécifique, en passant par les API’s de Notion. Nous sommes en train de développer un site custom sur base de Notion avec l’un de nos partenaires; nous en parlerons bientôt !
Airtable comme base de données principale
Nous utilisons Airtable depuis 2016 pour créer des sites web et des portails vidéos; nous avons donc une expérience de longue durée dans l’usage de cette application no-code, avec le partenaire MobileThinking.
Le principal avantage d’Airtable par rapport à Notion est la robustesse et la puissance de leur outil de création de base de données, avec des fonctionnalités plus éprouvées en terme d’extensions ou d’automations.
La mise en place d’une base de donnée Airtable est facile, tout en étant évolutif.
Le désavantage d’Airtable est leur modèle économique: dès que l’on veut collaborer avec plusieurs personnes cela devient bien trop cher. C’est pour cela que nous utilisons Miniextensions comme interface intermédiaire - mais malheureusement ils ont sacrément augmenté leurs prix également.
Super.so comme générateur de site
Une fois que la page principale qui contient toutes les autres pages et bases de données est publiée, on copie colle le lien public dans Super.so, puis on clique sur publier. Et le site est live !
Bon, il y a encore pas mal de travail pour que ce soit bien en forme:
- Customiser avec un thème et du CSS personnalisé s’il le faut
- Publier sur un nom de domaine
- Personnaliser les pages, url, menu et footer
Il est évident que cette application ne permet pas de réaliser un site web qui fait feu d’artifice - le look n’est pas très original et les fonctionnalités sont assez limitées… Mais ce n’est pas ce que nous visons.
Avec Super.so, pas de compétition avec les leaders du no-code pour les sites web, comme Framer ou Bubble. Le temps de mise en ligne est bien plus court, la gestion bien plus simple - au détriment du look & feel hyper personnalisé.
L’enjeu pour nous est de pouvoir se concentrer sur les contenus et de pouvoir collaborer efficacement, depuis le back-office jusqu’aux écrans des visiteurs.
L’avantage de Notion & Super.so, c’est que l’on peut très facilement ajouter d’autres applications qui viennent étendre les fonctionnalités, sans devoir développer de modules custom (on est bien dans le no-code !).
Une combinaison d’applications spécialisées
Ces applications sont:
- WeConnect pour le Popup Chatbot (en bas à droite de la plateforme vidéo). Cette application est très complète pour ce qui est de l’interaction déterministe et du transfert d’une conversation à un humain. Nous aurions aussi pu utiliser AnyChat ou Click Connector - ce sera pour un autre projet.
- Tally pour proposer des formulaires, questionnaires ou sondages. Très proche de Notion au niveau du look et de l’UX, cet outil se connecte directement à une base de données Notion, ce qui permet de récupérer directement dans Notion les informations saisies dans le site web.
- Miniextensions pour permettre l’ajout et l’édition de contenus dans Airtable directement dans Notion. Comme Airtable est trop cher et pas forcément intuitif dans la prise en main, nous utilisons Miniextensions pour permettre d’ajouter et d’éditer facilement des contenus, par dessus Airtable.
- SaveToNotion pour ajouter des ressources à la base de données dans Notion directement depuis le navigateur. Cette extension est vraiment très pratique et versatile, en permettant d’ajouter de manière collaborative des liens à la base de données ressources.
- Guidejar pour la présentation dans ce billet. Cette application n’est donc pas nécessaire pour ce projet, c’est “juste” un outil pour créer des tutoriels ou présenter des applications.
Ce site est la somme combinée de toutes les applications que vous voyez dans la colonne à droite et dans le schéma ci-dessus.
Les coûts et le temps de mise en place
Vous vous posez peut-être la question depuis le début de cet article: ok, mais combien ça coûte et combien de temps ça prend de mettre en place un projet comme celui-ci ?
Voici des éléments de réponse, en ce qui concerne les coûts logiciels, l’hébergement et toute la partie no-code. Il n’y a donc pas la partie développement custom dans cette liste de coûts. Il s’agit d’une projection annuelle, avec les tarifs officiels.
Nous n’avons pas ajouté Tally à cette liste (on peut remplacer Tally par un outil de formulaires gratuit); sachant qu’une application de formulaires comme Tally coûte entre 100.- et 300.- CHF par année.
Nom de l’application | Coût annuel | Détails |
Notion | 96.- CHF | Sans IA, abo de base |
Super.so | 144$ | Sans statistiques |
Airtable | 240$ | Pour un accès Team |
Miniextensions | 1428$ | Oui, c’est affreusement cher ! |
WeConnect | 390€ | Pas forcément nécessaire |
SaveToNotion | 72$ | Pour l’accès collaboratif |
Vimeo | 400CHF | Pour une centaine de vidéos |
Hébergement plateforme vidéo | 496CHF | Informaniak |
Nom de domaine | 15CHF | Infomaniak |
TOTAL | Environ 3100.- CHF |
Il est évident que cette somme est bien trop importante et impossible à financer dans le cadre d’une petite structure qui n’a pas beaucoup de moyens à allouer pour les projets numériques.
En profitant de notre abonnement custom, cette somme annuelle peut être divisée en tout cas par deux, sachant qu’il y a des frais non compressibles (Vimeo, Super.so, hébergement, nom de domaine, Airtable).
Nous sommes en train de mettre en place d’autres outils qui vont pouvoir nous affranchir d’Airtable & Miniextension, tout en utilisant des outils complémentaires et un hébergement vidéo moins chers.
→ Le but est d’arriver à des frais d’abonnement annuels qui se retrouvent en dessous de la barre de 1000.- pour un projet de ce type.
Inscrivez-vous à notre newsletter pour être tenu au courant ;)
Vous voulez en savoir plus ? Vous êtes intéressé.e par un projet du même type ?
Les applications utilisées
