Catégories
e-learning Wordpress

Grands changements pour Make de TheThemeFoundry


Dans une annonce par email, TheThemeFoundry annonce une évolution de leur thème WordPress de référence Make, avec notamment :

  • Sticky Headers, pour par exemple disposer d’une barre de navigation fixe
  • Héritage des paramètres du thème parent vers le thème enfant
  • Barre de personnalisation optimisée
  • Layout page par page
  • Meilleure gestion de l’emplacement du logo
  • Intégration de typekits

Par ailleurs, le site de présentation a été entièrement refondu. Un coup de boost attendu pour un thème efficace mais visuellement usé. On a hâte de voir les changements…

Catégories
ressources

Qu’est-ce qu’une vidéo interactive et quel logiciel gratuit pour en créer ?


Le contenu vidéo est le plus regardé et le plus attirant sur les réseaux sociaux, les sites web…
Pour autant, la vidéo a de nombreuses limites.

Elle impose une durée : le fait que les consommateurs ne consacrent que peu de temps à chaque marque a provoqué l’apparition de vidéos de plus en plus brève, et donc de moins en moins signifiantes. Notamment, la rhétorique est de moins en moins utilisée au profit d’un contenu émotionnel, qui ne permet pas de valoriser tous les aspects d’une offre.

Elle impose une linéarité : elle a un début, une fin, un scénario et propose une logique. Elle risque de ne pas être correctement vue et reçue si l’utilisateur n’a pas le temps ou s’il n’adhère pas au scénario proposé.

Elle est souvent figée dans son style et son expression. Comme il faut en produire beaucoup, l’industrialisation et leur format imposent un style et un ton toujours identique, dans des genres clairement identifiés (corporate, buzz, storytelling, commercial). Or, plus un contenu est stéréotypé, moins il est pertinent et fort.

Elle se donne à voir, alors que l’internaute aujourd’hui veut lui-même s’approprier l’information et aller puiser les éléments d’information dont il a besoin, et seulement ceux-ci. Autrement dit, la passivité contemplative qu’elle impose n’est pas compatible avec l’activité et l’interactivité réclamée par l’internaute.

Une solution : la vidéo interactive !

C’est une vidéo cliquable. Les clics interrompent le déroulement linéaire de l’information, et permettent au spectateur de devenir l’acteur de sa propre information.

Elle laisse l’internaute aller directement vers les éléments d’informations qui l’intéressent. La vidéo interactive propose davantage de contenus que l’internaute peut en voir en 3 minutes, mais elle maximise et optimise le temps qu’il consacre à la marque en lui donnant la possibilité de récolter le contenu qui l’intéresse et seulement celui-ci.

Briser la linéarité du contenu en permettant à l’utilisateur de naviguer vers n’importe quelle séquence vidéo.

Proposer des scénarios interactifs, prenant en compte la dimension interactive et ses implications. Un nouveau genre est à créer, un storytelling interactif est à imaginer. La langue de bois imposée par la vidéo industrielle peut être contournée.

Interactive, elle devient ludique, et favorise la concentration de l’utilisateur à l’égard du contenu. Sa capacité à mémoriser les messages est accrue.

Fonctionnement général d’une vidéo interactive

La création de vidéo interactive est basée sur des modules. Ce sont des contenants préprogrammés dédiés à l’affichae de :

  • Texte synchronisé au déroulé ;
  • Images ou galerie d’images ;
  • Vidéo secondaire ;
  • Carte interactive ;
  • Quiz…

modulesVideoInteractive

Elle communique avec d’autres logiciels (analytics).

Elle exploite des technologies standard (HTML5, javascript…).

Une solution technique Open Source : H5P.org

H5P

URL : Http://H5P.org

A l’origine du projet : une société européenne norvégienne, Joubel à l’origine du portail de ressources pédagogiques le plus important de Norvège.

Son but : «créer des expériences en ligne plus riches», en donnant la possibilité de créer, partager et réutiliser du contenu interactif.

C’est un outil auteur qui n’implique pas de connaissances techniques et qui est compatible avec toutes sortes de plateformes digitales. Il est clairement conçu à destination des créateurs de contenus et non des techniciens.

C’est enfin un projet Open Source : gratuit certes, mais tout le monde peut aussi contribuer (technique, doc, traduction…).
La version française est finalisée à 90%.

H5P et HTML5 pour une compatibilité maximale

H5P exploite des technologies ouvertes, et standards : HTML5, javascript qui sont les deux technologies utilisées pour afficher des pages web.

Tout le contenu est créé à partir du standard HTML5. C’est la dernière version majeure de l’HTML (hypertext markup language), qui est un format de données pour représenter les pages web. C’est le format le plus compatible sur Internet à ce jour :

  • compris par les principaux navigateurs web : Chrome, Opera, Firefox, Edge, Safari.
  • disponible sur OSX Mac, PC Windows, PC Linux, Smartphone, tablette Apple iOS et Android.

Les « trois-en-un » de H5P

Créer : des outils pour produire des contenus en associant des images, des sons, des textes, et des vidéos pour les rendre interactifs.

Diffuser : donner accès au contenu ainsi créé sous forme de «package» (paquet) transportable et intégrable sur toutes sortes de plateformes : Moodle, Drupal, WordPress, n’importe quel site Web, sous forme d’application mobile…

Partager : dans l’esprit communautaire et des réseaux sociaux, les contenus peuvent être téléchargeables, modifiables, et intégrables à distance. Ces options sont évidemment paramétrables.


Frametrail.org, moins mature mais très puissant

Screenshot-2018-4-13-http-prototypefund-frametrail-org

URL : https://frametrail.org/

La création s’opère depuis le navigateur Web, comme H5P, il permet de superposer à la vidéo :

  • textes,
  • images,
  • cartes interactives

Frametrail permet surtout de créer des documents basés sur le temps (time-based documents) pour créer des vidéos annotées, des Mooc, des web documentaires, des reportages interactifs.

Frametrail est financé par le ministère de l’Education et de la Recherche allemand.


Odyssey, création d’histoires interactives

Screenshot-2018-4-13-Odyssey-js

URL: http://cartodb.github.io/odyssey.js/

Odyssey est un open source dédié à la création d’histoires interactives.

Il fonctionne à l’aide d’une API (un ensemble de fonctionnalités préprogrammées) Javascript, compatible avec la plupart des navigateurs.

Très récent, il permet d’ajouter :

  • des cartes interactives
  • des textes
  • des vidéos et des sons

La vidéo interactive est un des éléments de son dispositif mais il est plutôt tourné vers la création de documents interactifs.


Quelques idées d’applications

Dans les prochains articles, j’aborderai la spécificité de ces différents contennus :

  • Histoire interactive
  • Présentation corporate ou produit
  • Rapport annuel interactif
  • Démonstration de logiciel, produit, service
  • Questionnaire / Quiz
  • E-Commerce vidéo
  • Documents interactifs

N’hésitez pas à commenter, partager et suggérez des outils gratuits complémentaires !

Catégories
ressources VR & VR180

Publier ses vr180 sur Veer.tv

Les appareils photos et vidéos stéréoscopiques font leur apparition cette année. Le premier appareil grand public vraiment intéressant, après test, est le Lenovo Mirage. Seul hic, le format vr.jpg, recommandé par Google, n’est pas le standard le plus répandu pour publier ses œuvres sur différentes plateformes. Le vr.jpg permet une diffusion instantanée sur YouTube et Google Photos, mais pas ailleurs.

Avec l’aide du groupe Veer VR Creator Community, et de PharHelian Down, j’ai pu publier mes clichés sur Veer de manière correcte.

Je retranscris ici la méthode de conversion de vr.jpg produit par le Lenovo Mirage, vers un format SBS180 (stockage des images en pile horizontale) ou AB (sauvegarde des images en pile verticale).

Etape 1- Conversion du format VR.JPG en PNG Side By Side, SBS 180.

  • Téléchargez le convertisseur réalisé par Andreas Pollack et déposé sur Github.
  • Extrayez l’exécutable PC Windows de l’archive Zip et la stocker dans votre dossier application, ou ailleurs, cela n’a pas d’importance.
  • Par précaution, dupliquez votre dossier source (par exemple vr180Src) contenant vos vr.jpg.
  • Créez un second dossier de destination (par exemple « VRDest »).
  • Lancez le bloc-notes de Windows et copiez cette ligne de code.

VRConvert.exe "Chemin-dossier-source" "chemin-dossier-destination" -new -format:SBS180
pause

  • Sauvez ce fichier avec une extension .bat, par exemple « conversion180.bat ». Veillez à ne pas nommer le fichier « conversion180.bat.txt » sinon l’extension finale « .txt » empêchera le bon fonctionnement du script DOS.
  • Sauvez ce script à la racine du dossier dans lequel vous avez sauvegardé l’exécutable VRConvert.exe.
  • Double-cliquez sur le script et le travail de conversion est lancé.

Vous disposez alors d’un dossier contenant des images PNG stéréoscopiques dites SBS (« Side By Side »).

Etape 2 – Conversion au format Above/Below (« Dessus/dessous »)

  • Téléchargez le logiciel StereophotoMaker.
  • Extrayez l’archive et sauvegardez-la selon vos habitudes de travail.
  • Allez dans Fichier / Multiconversion.
    image01
  • Un Panneau de configuration s’ouvre :
    Conversion-VR180
  • Réglez le format d’entrée (1) sur « Side-by-side »
  • Réglez le format de sortie (2) sur « Above/Below ». Si vous choisissez « Side-by-Side » pour publier sur Veer, pensez à (3) sélectionner « Swap Left-Right » pour inverser l’image œil droit avec l’image œil gauche.
  • Sélectionnez (4) un dossier de destination (« Output Folder ») : par exemple, nommez-le « VR180AB ».
  • Cliquez sur convertir tous les fichiers (« Convert All Files »)

La conversion d’un fichier prend presque 30 secondes sur mon PC. Soyez donc patient.

Ensuite, vous disposez de fichiers compatibles avec les principales plateformes VR disponibles sur le Net.

Catégories
ressources VR & VR180

How to use John Carmack Video VR player

John Carmack, the mythical developer, now working for Oculus, gave to the community a VR video player dedicated to play original ZCAM K1 video files. The aim of this project is to measure how bad your video pipeline is by looking at the source and comparing with what you’ve done to the video quality after cropping, compressing, and so on…

Here’s the way to use it for non developer creators.

install adb

Go to Google Android website and download the ADB software. For Mac user, install HomeBrew, a complete unix environment that helps user to manage the installation of Unix / Linux software.

Open Terminal and type:

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

Install Adb from HomeBrew

brew cask install android-platform-tools

You can test your install by typing

adb help

Now, from your smartphone, connect to your Oculus Go through bluetooth, and go to parameters. Activate the developer mode, otherwise you’ll never get access to your Oculus.

Install the player in Oculus Go

First, connect the Oculus Go to a USB port and in the terminal window type:

adb devices

You should see your Oculus listed by its ID. If a « unauthorized » word appears, then put your Oculus Go and give permission.

You may have to redo the USB connection and the adb devices command. You may also have to restart your Oculus, unplug the USB, retry…

Now, in the terminal type

adb install

and drag and drop on the Terminal window the apk file that you’ve downloaded here.

You should see something like

adb install /path/path/leftright-release.apk

Then press return and the apk file should be install.

Install the video files

Rename the first video files from the K1 as « right.mov » (the one that gets in the name 000 and the other file « left.mov ». Note : if you recorded your scene upside down, left is right and right is left…

I thought I had to use the Android File Transfer App to copy the file but I could not find the sdcard John Carmack is talking about. I’ve made some Google search to discover that the sdcard folder is in the /mnt/sdcard path. This path can not be reach by the Android File Transfer App. You have to use ADB again.

So, to copy the file, type in the Terminal window :

adb push

then drag and drop the first video file. You should get something like :

adb push /Volumes/G-RAID/__VR/_VR180/201809091501/ZCAM0035_1214/right.MOV

add a space and type :

/mnt/sdcard

The line should look like :

adb push /Volumes/G-RAID/__VR/_VR180/201809091501/ZCAM0035_1214/right.MOV /mnt/sdcard

Press return and the file will be uploaded. Repeat the process for the second video file and you’ve done the job !

I’ve look to my rush with this method, and I must confess it is very interesting to look at the original files. I could see the strands of hair of the actor, that I’ve never seen in my compressed, tweaked movie.

Catégories
video VR & VR180

Trix, T-Rex en 3D et VR180 : à vos casques !

Je viens de terminer une vidéo pour ma chaine YouTube Pas Bête Le Net sur Trix, un magnifique squelette de T-Rex exposé jusqu’au 4 novembre 2018 au Museum National d’Histoire Naturelle de Paris. C’est l’occasion d’interviewer Florent Goussard, paléontologue du Museum, pour en savoir plus sur cet animal hors du commun.

La vidéo a été tournée en 3D VR180°. Nouveau procédé de filmage, largement promu par Facebook et YouTube, la 3D VR180 permet de visionner un film en stéréoscopie sur 180°.

A l’aide d’un casque de réalité virtuelle, les plus simples suffisent, le spectateur se trouve ainsi immergé au plus près de Trix et de Florent Goussard, véritable guide personnel. La vidéo reste disponible et totalement lisible pour les spectateurs sans casque.

La vidéo existe sous deux formes :

  • un 10 minutes pour découvrir Trix sur tous les angles ;
  • un 25 minutes, pour les passionnés et les enseignants.

Deux bonus sont à paraître sur le métier de paléontologue et la définition d’un fossile.

La vidéo est publié sur YouTube, Facebook, Veer, SamsungVR afin de maximiser son audience.

Accès à la vidéo VR180

Facebook : http://bit.ly/2zQkG6H

YouTube : https://bit.ly/2zQrfpT

Veer : http://bit.ly/2QoMUuK

SamsungVR : http://bit.ly/2O0Sff7

Visuel : http://bit.ly/2O4UGNN

Catégories
ressources

resources for AR creation

resources for AR creation

Here’s an updated list of resources to make AR content.