Étiquette : Développement

Le projet traverse en open source

, ,

Depuis que le projet de valorisation du patrimoine Franco-Suisse traverse a été présenté au public il y a une année lors des JEP 2017, nous avons travaillé principalement sur la consolidation du socle technique existant et sur les bonnes pratiques. Principalement à travers des ateliers et des événements comme les JEP 2018, la base de contenus a ainsi pu s’étoffer de nouvelles fiches et playlists, valorisés dans les cadres respectifs.

Le projet ayant été financé avec de l’argent public, il est logique et normal de redonner à la société un maximum de bénéfices de l’opération.

La suite…

Kura Video Portal – les nouveautés printanières

, ,

Avec l’arrivée du printemps, nous proposons le plein de nouveautés pour le portail vidéo Kura, développé par Memoways (Nicolas Goy et moi-même).

En quelques mots, Kura permet de créer son propre portail de vidéos choisies, mises en lien avec des mots clé. Cette logique de navigation basée sur des mots clé permet de faciliter la découverte et stimule l’exploration.
Les vidéos elles-mêmes sont enrichies par des chapitres, permettant d’accéder à des parties spécifiques de la vidéo, et des annotations, qui permettent de lier une page web spécifique avec la narration de la vidéo.

L’objectif est de garder le visiteur sur sa propre proposition de valeur et ne pas perdre ses spectateurs sur YouTube… pour les guider là où on aimerait bien les amener – tout en leur laissant la liberté de faire leur propre chemin à travers les contenus vidéos choisis.

Dans ce billet, je vais présenter en détail les mises à jour (qui pointent sur des exemples de démonstrateurs fonctionnels) et aborder les prochains développements qui vont se faire les semaines qui viennent.

Les améliorations de design

La page d’accueil a été améliorée:

  • Le menu et tous les liens qui permettent de pointer sur un autre site ont été rassemblés dans le « hamburger menu » (les 3 traits horizontaux tout en haut à gauche), ce qui permet de dégager le haut de la page, en rendant également les interactions parfaitement compatibles avec les écrans mobiles;
  • Une nouvelle fonction « embed » (intégration), disponible directement en fin de liste de liens. Il est ainsi possible d’intégrer une image générée au sein d’une page web (voir en fin de page du billet pour des exemples);
  • Un « Splash » (image d’accueil sur toute la largeur), permettant de décrire en quelques mots et visuellement la promesse du portail;
  • Les capsules contenant des listes de vidéos ont été re-designées.
    Il y a maintenant deux fonctions: lire la première vidéo de la thématique (la lecture automatique d’une liste de vidéos ne fonctionne pas encore) et afficher tous les contenus en lien avec la thématique choisie;

Voici deux exemples pour visualiser ces améliorations:

L’exemple du démonstrateur pour les HUG

Comment se présente la fonction « embed », sur l’exemple du démonstrateur pour l’ITU

Le résultat d’un filtrage a également eu son lifting:

  • Les résultats d’une recherche sont groupés par vidéo; la vidéo elle même, les chapitres et les annotations.
  • Il est possible de lancer un nouveau filtrage simplement en cliquant sur un label
  • Les résultats exploitent maintenant la pleine largeur de la page, en proposant des capsules qui se déroulent sur la hauteur
  • La recherche est libre (cherchez directement dans les titres et descriptions des vidéos) et multi-critère

Voici un exemple:

Un exemple de filtrage multi-critère, sur le portail démonstrateur tourisme.

Les embeds (intégrations dans une page web)

Comme décrit ci-dessus, nous proposons la possibilité d’intégrer un portail au sein d’une page web, comme présenté ci dessous. En cliquant sur les images, vous arriverez directement sur les portails en question…

Le démonstrateur tourisme, sur l’exemple de MySwitzerland

 

Le démonstrateur santé, sur l’exemple des HUG

 

Le démonstrateur institutionnel, sur l’exemple de l’ITU

 

Les prochains développements

Comme vous pouvez le constater, les portails sont déjà bien fonctionnels, et permettent d’imaginer des multiples usages…

Il y a cependant encore un certain nombre de fonctionnalités qui ne sont pas encore pleinement développées, comme:

  • La lecture automatique d’une playlist. Si on clique sur le bouton « lire » d’une capsule thématique, on ne lit que la première vidéo de la liste. Nous aimerions permettre la lecture de toutes les vidéos de la liste, dans l’ordre défini;
  • Personnalisation de la playlist. Une playlist proposée par un expert, c’est bien. Mais une playlist que l’on peut personnaliser selon ses besoins, ses envies, c’est encore mieux. Nous allons permettre l’ajout de vidéos au sein d’une playlist personnelle, de manière simple et intuitive. Il deviendra ainsi possible de définir à tout le moment quelle vidéo on a envie de regarder par la suite, en fonction des recommandations ajoutées sur chaque vidéo;
  • Recommandations vidéos. Comme une sorte d’annotation vidéo, il sera possible de proposer des vidéos complémentaires à regarder, pour guider le spectateur sur la prochaine vidéo à voir;
  • Amélioration du player. Pour le moment, le player « interactif » (avec les chapitres et les annotations) n’est pas disponible sur smartphone – cela sera le cas. Aussi, nous allons améliorer la présentation et la mécanique des chapitres et annotations, pour un usage encore plus intuitif et fluide…

Nous avons encore une belle liste d’idées et d’envies – à découvrir lors d’une des prochaines mises à jours !

Abonnez-vous à mon blog, ou alors à la newsletter de Memoways (à droite dans la barre latérale) pour être tenu à jour sur la suite des développements de la plateforme vidéo Kura.

En attendant, nous serions très heureux si vous pouviez nous aider à améliorer le portail en répondant aux quelques questions du questionnaire que voici:

powered by Typeform

Faire rebondir le projet traverse

, ,

Maintenant que le projet traverse a rencontré avec succès le public intéressé par les enjeux patrimoniaux, nous voulons pérenniser l’opération en permettant aux acteurs du tourisme et de la culture de créer des usages du même type.

Nous souhaitons donc transformer notre application d’édition – actuellement encore au stade du prototype – en un produit générique utilisable par les professionnels du tourisme et de la culture.
Nous sommes également convaincus du potentiel de l’outil pour des usages pédagogiques (classes d’histoire, de sensibilisation aux médias et au numérique, etc.).

Pourquoi, comment et avec quels objectifs transformer notre application actuelle en un produit générique ?
Quelques réponses dans les lignes qui suivent…

La suite…

Projet Journalistory

, , , ,

Depuis la rentrée d’automne, je travaille sur un nouveau projet de vidéo interactive sur le web.

J’ai été contacté par l’association journalistory.ch qui voudrait mettre en ligne un site web de portraits vidéo de journalistes pour décembre 2017.

Ce site grand public offre la découverte et la mise en lumière du journalisme à travers des portraits de journalistes de renom, tout en donnant un accès intuitif à des enjeux et des périodes marquantes à travers des affaires qui ont eu un impact sur la société Suisse.

Avec ma société Memoways, nous sommes en train de réaliser un portail vidéo répondant aux besoins du projet.

Ce portail vidéo permettra aux visiteurs de :

  • Découvrir des journalistes, à travers des portraits courts et plus longs
  • Explorer ce que disent les journalistes en rapport avec des thématiques, des affaires, des périodes historiques, des outils de production du journalisme, etc
  • Apprendre davantage sur le contexte des affaires avec des informations additionnelles qui sont présentées en relation avec ce qui est dit
  • Partager des vidéos ou des playlists sur les réseaux sociaux, par mail, etc

Le site web aura les fonctionnalités et les qualités suivantes :

  • Une interface utilisateur « responsive » adaptée aux mobiles et ordinateurs
  • Une navigation fluide et continue, grâce à des playlists inter-connectées
  • Un accès rapide et précis sur des segments spécifiques dans les vidéos
  • Des informations additionnelles, en relation directe avec ce qui est dit
  • Un filtrage intuitif et ludique, permettant de partir en exploration personnalisée

 

En attendant le portail vidéo qui va être mis en ligne en décembre 2017, voici le lien du site web provisoire du projet:

DAS GEDÄCHTNIS DES JOURNALISMUS

Wir sind ein Historikerteam mit viel Erfahrung in den Bereichen Oral History und Mediengeschichte. Ein Kern des Teams hat mit Archimob und Humem bereits die zwei grössten Oral-History-Projekte der Schweiz realisiert. Der Verein wurde am 18. Januar 2017 in Bern gegründet und hat seine Arbeit sofort aufgenommen.

 

De fin 2017 à mi 2018, Journalistory.ch dévoile de plus en plus de témoignages de journalistes ayant marqué le paysage médiatique suisse ces dernières décennies.

Pour la première fois en Suisse, des journalistes de différentes branches de la profession livrent leur parcours de vie, leurs réflexions et leurs méthodes.

Journalistory.ch propose une expérience interactive pour découvrir l’évolution et les mutations du métier de journaliste et de réfléchir à son avenir.

 

Le travail de curation (le choix et tri des vidéos en lien avec des thématiques, enjeux, périodes ou tags) et le travail de segmentation (en liant une portion de vidéo à une thématique par exemple) se fait directement online, de manière collaborative, à travers notre outil Kura et dans une base Airtable spécifique.

En attendant de mettre notre propre outil d’édition vidéo Kura à jour pour ce type de portail vidéo, nous réalisons le travail d’indexation principalement dans Airtable.
J’ai déjà réalisé plusieurs projets avec cet outil gratuit, simple et intuitif, qui permet de rapidement prototyper et même de réaliser des projets entiers sans devoir développer un outil dédié.

Un prochain billet va présenter avec plus de détail notre flux de travail, de la caméra au site web.

Memoways fait peau neuve

,

Memoways, ma société active dans le domaine de la vidéo sur le web, continue son bonhomme de chemin pour développer une plateforme web permettant de valoriser des vidéos au sein d’une expérience personnalisable.
Au fond, il s’agit toujours de mon même « trip » – mais qui évolue… dans une direction que nous pourrons présenter plus en détail d’ici la fin de l’année.

En attendant, pour être en phase avec où nous en sommes au jour d’aujourd’hui, nous avons mis à jour notre site web qui « tease » quelque peu notre offre à venir.

Memoways

Memoways is building a product to retain and increase audiences through custom video experiences. Beyond YouTube publication, our video platform promotes content discovery and drives exploration in a way that triggers engagement.

Ce nouveau site va être appelé à évoluer ces prochains mois, avec plus de détails sur notre produit et nos projets et assurément aussi une version française.

Nouveau player vidéo pour notre plateforme Kura

, ,

Suite à la première version de la plateforme vidéo Kura que nous avons mis en route ce printemps, nous avons réalisé un nouveau player vidéo au fonctionnement simplifié.
Il se concentre plus particulièrement sur l’intégration d’une sélection de segments vidéos au sein d’une expérience mobile.

Nous avons mis le focus sur:

  • Raconter une histoire via une sélection de vidéos. Pouvoir valoriser un choix éditorial et de mise en avant d’une expertise spécifique, qui peut avoir une logique temporelle (chronologie), une logique argumentative (présenter divers aspects d’un enjeu), une logique de compilation (un best of) ou une logique pédagogique (passer par diverses étapes pour apprendre).
  • Pouvoir choisir des segments dans une vidéo. Parfois, ce n’est qu’un extrait spécifique d’une vidéo que l’on veut partager: avec la fonction « marker » dans l’outil d’édition de Kura, il est possible de créer des segments précis à l’intérieur d’une vidéo.
  • Mobile first. La consultation de la playlist est optimisée pour un usage sur smartphone (petit écran, touch). La version desktop profite de la place supplémentaire sur les côtés pour afficher la liste de vidéos composants la playlist à gauche.

La suite…

Intégration de Comet sur votre site

, , ,

C’est le printemps: chaque semaine maintenant, des nouvelles pousses numériques sortent du terreau Memoways.

Après plusieurs itérations sur le design de notre player Comet et sur la mécanique de publication, nous avons pu enfin nous occuper de la mise en lien entre le site web cible et l’expérience vidéo permise sur notre plateforme.

Cette semaine donc, c’est au tour de « l’embed » (code d’intégration, en français) de voir le jour.

Le code d’intégration à copier dans son éditeur de site

Avec un tout petit bout de code de 5 lignes, il est possible par un simple copier / coller d’intégrer une playlist créée à partir de notre éditeur Kura ou depuis n’importe quelle playlist sur votre site, et d’amener ainsi vos visiteurs sur votre projet Comet.

Il suffit de coller ce bout de code en mode texte dans votre éditeur de site (WordPress, Drupal etc) et vous allez avoir une jolie capsule visuelle comme dans l’exemple tourisme ci dessous.

Cette première version de notre capsule visuelle est générée automatiquement à partir des vidéos de la playlist que vous voulez mettre en avant.
Pour le moment, la seule interaction possible c’est d’ouvrir une nouvelle fenêtre du navigateur sur l’adresse de la playlist, de manière à pouvoir directement profiter de toutes les fonctionnalités interactives de notre plateforme vidéo.

Une prochaine itération pourra amener plus d’éléments d’interaction ou d’information, de manière à avoir déjà un avant goût de la promesse directement sur la page active. Un peu comme voir la vidéo de YouTube directement au sein d’une page et non pas sur le site de YouTube.

Un prochain billet va présenter quelques projets démo sur lesquels nous travaillons depuis le début de l’année.

Kura et Comet sous un même toit

, , ,

Kura signifie en japonais « petite maison qui sert de coffre fort pour ses valeurs importantes ». En l’occurrence, pour les vidéos qui vous tiennent à cœur.
Que ce soit les vôtres ou alors des vidéos produites par d’autres personnes et mises à disposition sur YouTube: cet outil vous permet de toutes les mettre sous le même toit, de les classer et de les structurer de manière à partager ces vidéos de manière cohérente et orchestrée.

La grande nouvelle depuis le billet qui présente Kura: la mécanique de publication de players Comet fonctionne !
Il reste « juste » à finaliser l’expérience de navigation et de découverte pour pouvoir partager un projet fonctionnel.

Nicolas Goy est en train de mettre ensemble les dernières pièces du puzzle: le playback automatique et fluide de segments vidéo et la navigation à travers les playlists, à partir de la vidéo en cours de lecture.

Une playlist qui devient une vidéo

Tout le monde connaît le fonctionnement d’une playlist sur YouTube: une liste de vidéos qui se joue à la queue leu leu, selon un critère de sélection qui devient le titre de la playlist (best of; les trailers etc).

Pour nous, il manque les aspects suivants sur YouTube:

  • pouvoir passer d’une playlist à une autre, via des recommandations ou des connexions choisies. En effet, en tant que créateur de contenus, on aimerait bien que le spectateur découvre et visionne d’autres vidéos correspondant à ce qu’il désire;
  • mettre en avant des parties de vidéo, en lien avec le titre de la playlist. En effet, le spectateur n’est pas forcément intéressé de voir toutes vos vidéos en entier, mais juste certaines parties qui correspondent à ce qui l’intéresse.
  • protéger le spectateur de contenus qui ne font pas sens avec la promesse éditoriale du producteur de contenus. En effet, sur YouTube on a vite des vidéos recommandées qui ne correspondent ni aux envies du spectateur, ni au besoins du producteur de contenus (tout le monde clique facilement sur des vidéos de chat).
  • maximiser le temps de visionnement du spectateur sur les contenus et l’expertise du producteur de contenus. En effet, il est dans l’intérêt du créateur des vidéos de valoriser un maximum ses propres contenus et son expertise en y ajoutant d’autres contenus qui font sens avec son message.

Avec Kura et notre plateforme de publication de vidéo Comet, nous allons fournir sous peu une solution intégrée et intuitive pour répondre à ces enjeux et besoins.

Inscrivez-vous à notre mailing list pour être dans les premiers à tester cette nouvelle manière de publier des vidéos !

Kura en quelques lignes

Kura n’est pas une application de montage vidéo classique: cet outil simple d’usage permet de créer en quelques clics, de manière collaborative et efficace, des expériences vidéo interactives et personnalisées.

Vous voulez offrir à votre audience une navigation fluide et immersive au sein de vos contenus vidéo, en favorisant la découverte et stimulant l’engagement ?
Vous désirez profiter du pouvoir émotionnel de la vidéo pour délivrer un message qui s’adapte aux besoins et au contexte de chaque utilisateur, sans perdre la cohérence ?
Vous envisagez de vous profiler à travers un usage innovant et original de la vidéo, au delà du player vidéo YouTube ?

En résumé, Kura vous offre la création, la publication puis le partage de sites web entièrement basés sur la vidéo.

L’utilisateur peut naviguer dans un pool de vidéos choisies selon une thématique ou un objectif, reliées dynamiquement les unes aux autres par des mots clefs.
La découverte de vidéos est ainsi orientée, protégée par des choix éditoriaux tout en laissant une latitude de navigation personnelle. A tout moment, le visiteur pourra mettre en mémoire (liker) des vidéos, les organiser dans une playlist personnelle et la partager.

Kura est une application web qui fonctionne dans un navigateur.
Il suffit d’ouvrir un navigateur moderne (Chrome, Firefox, Safari…) et se connecter à son compte Kura pour démarrer la collaboration créative au sein de son espace de travail:

  • importer des vidéos, les organiser avec des labels
  • créer des playlists de vidéos à l’aide de mots clefs
  • segmenter des longues vidéos avec des markers, ajoutant ces extraits aux playlists
  • sélectionner et ordonner les playlists à publier via un projet vidéo
  • partager le projet sur les réseaux sociaux

A la différence de la publication des vidéos via YouTube, le projet que vous partagez avec votre audience est évolutif.
Vous pouvez à tout moment ajouter ou enlever des vidéos, changer les mots clefs ou les segments.

Vous proposez ainsi une expérience vivante, qui suit de manière agile les attentes et les intérêts de votre audience.

Kura en action

Organisation des vidéos dans la librairie grâce aux labels:

 

Ajouter des vidéos à une playlist:

 

Segmenter les vidéos grâce aux markers:

 

Créer un player vidéo pour publier votre projet:

 

A savoir que cette partie là doit encore être finalisée, c’est pour donner une idée de la mécanique de publication.

Pour en savoir plus sur la provenance de Kura et de Comet, une petite histoire:

La petite maison dans la Comet

Application éditorialisation du projet Traverse

, , ,

Le printemps arrive, c’est sûr: le projet de valorisation du patrimoine architectural Traverse, sur lequel je travaille depuis deux ans maintenant, voit enfin sortir de terre deux composants les plus importants de la plateforme numérique.
Il s’agit d’une part de l’application d’éditorialisation, pour créer et éditer les contenus à partager via des playlists et d’autre part du design de l’application mobile, qui permettra aux utilisateurs de vivre une expérience immersive et personnalisée avec le patrimoine.

Ce billet présente les fonctionnalités principales de cet outil développé spécifiquement pour ce projet. En tant que back office de la plateforme numérique Traverse, il permettra aux membres du comité éditorial de créer des fiches, puis des playlists à partir de ces fiches.

La suite…

Kura, bientôt en Beta publique !

,

Après quelques mois de développement intense, Nicolas Goy a pu nous mettre entre les mains cette semaine la nouvelle version de Kura.

Basée sur les fonctionnalités déjà présentes dans la pré-version que nous avons utilisée pour divers projets en 2016, cette nouvelle mouture apporte principalement les nouveautés suivantes:

  • nouveau design: plus pro, plus beau, plus modulable, il permet une customisation de l’outil et une meilleure mise en avant des éléments importants;
  • amélioration de l’éditeur de markers: plus précis, plus intuitif, avec des raccourcis clavier;
  • workflow consistant: comme c’est une application dite « single page », le contexte de travail dans un module est repris dans un autre, ce qui permet une consistance de travail et ainsi d’accélérer grandement les opérations;
  • publication de players: ce n’est pas encore totalement implémenté, mais c’est la fonctionnalité la plus importante. En effet, l’enjeu principal est de publier et partager un projet vidéo de manière cohérente et engageante; le menu players donnera accès à des « expériences vidéo » ayant des caractéristiques spécifiques (voir plus bas pour les détails).

Et surtout, cette nouvelle version nous permettra de mettre l’outil dans les mains des personnes curieuses, de créateurs, de clients !

Maintenant, il faut répondre à un certain nombre de questions…

La suite…