teaching:teaching_ressources_videos

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
teaching:teaching_ressources_videos [2020/03/26 22:37] villersdteaching:teaching_ressources_videos [2023/03/28 15:56] (Version actuelle) villersd
Ligne 1: Ligne 1:
 ====== Ressources pour la création de séquences vidéos et l'enseignement à distance ====== ====== Ressources pour la création de séquences vidéos et l'enseignement à distance ======
  
-FIXME : en construction+===== Conseils généraux pour la conception =====
  
-À classer : WebRTC, [[https://zoom.us/]], [[https://jitsi.org/]], Padlet (tableau blanc), VoiceThread pour permettre aux étudiants de commenter +  * conseilslongueurs, styles,... 
 +    * [[https://www.profweb.ca/publications/dossiers/planifier-realiser-et-diffuser-des-videos-educatives-lignes-directrices-et-astuces-pour-les-enseignants|Planifier, réaliser et diffuser des vidéos éducatives : lignes directrices et astuces pour les enseignants]], Caroline Cormier, Edward Awad, Yann Brouillette et Véronique Turcotte (canada). Article reprenant des exemples de capsule en chimie ([[https://www.youtube.com/watch?v=oQfC5Jdc0AE|Polarité des molécules]], [[https://www.youtube.com/watch?v=4WXNO3bLmUU|L'oxydoréduction]] de la [[https://www.youtube.com/channel/UCItq97Z0x8fXt-XUKUwrOPg|chaîne Youtube de Caroline Cormier]]) 
 +    * [[https://www.youtube.com/playlist?list=PLUCh1fWUkXFMBP5mUD9kKzVFhDgzlrHn0|Conférence de Jean-François Van de Poël sur la création de capsules vidéo pour l'enseignement]] (2019) 
 +  * Scénarisation (en chimieplus adapté à l'enseignement supérieur) : 
 +    * cf. [[https://www.unamur.be/det/exemples-crise/scenariser]] 
 +    * [[https://www.unamur.be/det/exemples-crise/senariser-2]] 
 +  * [[https://www.youtube.com/channel/UCBHqVPDozD6Dg3tRN1-JSgg|Exemples de Adam Boxer]], enseignant de chimie anglophone (The Totteridge Academy, London) : [[https://www.youtube.com/watch?v=BRjwchL-AC8|GCSE Chemistry: balancing equations]],...
  
-FIXME : à préciser, et essayervia par exemple ces logiciels : +Les vidéos scientifiques que l'on peut trouver via le web sont de qualité variable. Leur utilisation doit donc être accompagnée de directives, avertissement, compléments d'information. S'en inspirer et construire de nouvelles vidéos est très certainement la meilleure des solutions. 
-  * [[floss:OBS_Studio|OBS Studio]] Logiciel libre et open source d'enregistrement vidéo et de streaming en direct (montage en direct avec assemblage de sources différentes)+ 
 +Les vidéos devant être courtes peuvent être consacrées à des parties spécifiques : 
 +  * situation d'apprentissagedémonstration expérimentale initiale,... 
 +  * cours théorique 
 +  * Exercices résolus 
 +  * Expériences et/ou applications 
 + 
 +<note warning>Références (à investiguer) : 
 +  * [[http://portaileduc.net/website/creer-des-capsules-video/|Créer des capsules vidéo – Quelques pistes]] 
 +  * [[http://numeriques.ac-normandie.fr/]] 
 +  * ... FIXME 
 +</note> 
 + 
 +===== Aspects techniques, logiciels exploitables ===== 
 + 
 +  * → ouvrir la page [[floss:OBS_Studio|OBS Studio]] : logiciel libre et open source d'**enregistrement vidéo et de streaming en direct** (montage en direct avec assemblage de sources différentes)
   * [[https://bigbluebutton.org/]] web conferencing system designed for online learning   * [[https://bigbluebutton.org/]] web conferencing system designed for online learning
-  * conversions :+    * [[https://bigbluebutton.org/teachers/|BigBlueButton For Teachers]] 
 +  * conversions de vidéos :
     * [[https://www.wondershare.net/ad/video-converter-ultimate/index_both.html]]     * [[https://www.wondershare.net/ad/video-converter-ultimate/index_both.html]]
     * [[https://handbrake.fr/|Handbrake]]     * [[https://handbrake.fr/|Handbrake]]
-  * édition +  * édition de vidéos 
-    * [[https://www.openshot.org/fr/]] +    * [[https://www.openshot.org/fr/]] (multiplateforme) 
-  * lecture, streaming,... +    * [[https://kdenlive.org/fr/]] (GNU/Linux, Windows) 
-    * [[https://www.videolan.org/index.fr.html|VLC media player]] +  * Téléchargement de vidéos 
-  *  solutions pour substituer à la webcam d'un PC la caméra d'un smartphone, sans fil ou via la connexion USB :+    * [[https://rg3.github.io/youtube-dl/|youtube-dl]]download videos from YouTube (and more sites) 
 +    * [[https://jely2002.github.io/youtube-dl-gui/]] Open Video Downloader 
 +    * [[https://github.com/firedm/FireDM|FireDM]] 
 +      * [[https://www.ticeman.fr/lecoutelas/?p=12496|FireDM : télécharger les vidéos du net sur Linux et Windows]] 29 octobre 2021, ticeman 
 +    * [[https://www.downloadhelper.net/|Video DownloadHelper]] 
 +      * [[https://addons.mozilla.org/fr/firefox/addon/video-downloadhelper/|extension Firefox Video DownloadHelper]] 
 +  * lecture, streaming de vidéos 
 +  * [[https://www.videolan.org/index.fr.html|VLC media player]] 
 +  * solutions pour substituer à la webcam d'un PC la **caméra d'un smartphone**, sans fil ou via la connexion USB :
     * [[http://www.skipser.com/p/2/p/android-as-webcam.html]] (IP Webcam et DroidCam)     * [[http://www.skipser.com/p/2/p/android-as-webcam.html]] (IP Webcam et DroidCam)
     * [[https://www.frandroid.com/comment-faire/tutoriaux/329042_tuto-comment-utiliser-son-smartphone]]     * [[https://www.frandroid.com/comment-faire/tutoriaux/329042_tuto-comment-utiliser-son-smartphone]]
 +    * [[http://www.villebon-charpak.fr/wp-content/uploads/2020/11/tuto-smartphone-webcam1.pdf|Transformer son smartphone en deuxième webcam]], sur base du logiciel [[https://iriun.com/|iriun]]
   * conférences web :   * conférences web :
     * [[https://medium.com/mit-media-lab/a-few-simple-tips-for-better-online-meetings-covid-19-edition-385af7bec538]]     * [[https://medium.com/mit-media-lab/a-few-simple-tips-for-better-online-meetings-covid-19-edition-385af7bec538]]
-      * [[https://hangouts.google.com/]] +      * Google (chat, meet, hangouts ?) [[https://meet.google.com]], [[https://hangouts.google.com/]] 
-      * [[https://zoom.us/meetings]]+      * Zoom [[https://zoom.us/meetings]] 
 +      * Jitsi [[https://jitsi.org/]] (opensource) 
 +      * Signal [[https://signal.org/]] (opensource) 
 +      * [[https://p2p.chat/]] (opensource) 
 +      * [[https://wire.com/en/]] (opensource) 
 +      * BigBlueButton [[https://bigbluebutton.org/]] (opensource) 
 +        * Académie de Lille : [[https://dane.site.ac-lille.fr/2022/01/11/guides-pratiques-pour-lenseignement-hybride-et-lutilisation-de-big-blue-button/|Guides pratiques pour l’enseignement hybride et l’utilisation de Big Blue Button]]
       * Skype...       * Skype...
 +    * Twitch [[https://www.twitch.tv/]] (streaming)
 +    * google classroom
 +      * [[https://fr.wikipedia.org/wiki/Google_Classroom]]
 +    * google meet (remplaçant de google hangout)
 +  * Logiciels classiques de présentation, et leurs possibilités de scénarisation, présentation chronométrée, insertion d'audio,...
 +    * Powerpoint de Microsoft
 +      * animations
 +      * enregistrement (conversion en vidéo). Cf. [[https://web.microsoftstream.com/video/ddfee4d5-9a5b-4632-b684-0d784b4354c8?fbclid=IwAR0I-jevCEhzn4wDaApMQM4_-Odsu8EXJfm6ki9a9E1zXOkfqB0Bl02G9_I|video UMONS de R. Potdevin]] (accès UMONS)
 +    * Impress de LibreOffice
 +      * Inclure pointeur visible et pointeur crayon en mode présentation
 +      * Audio : cf. [[https://askubuntu.com/questions/829765/how-to-record-voice-for-a-slide-in-libreoffice-impress]]
   * documents partagés :   * documents partagés :
     * [[https://docs.google.com/]] (google docs)     * [[https://docs.google.com/]] (google docs)
     * office 365     * office 365
-    * [[https://etherpad.org/]] +    * [[https://etherpad.org/]] : logiciel libre d'édition collaborative, cf. [[https://framapad.org/fr/]] 
-    * [[https://cryptpad.fr/]], alternative respectant la vie privée aux outils office et aux services cloud populaires +    * [[https://cryptpad.fr/]], suite bureautique alternative respectant la vie privée aux outils office et aux services cloud populaires 
- +    * [[https://hedgedoc.org/|HedgeDoc]] (ex CodiMD) : éditeur collaboratif markdown → [[https://demo.hedgedoc.org/|Demo]] 
-FIXME +    * Dropbox 
-  * outils de cours en ligne+  * Outils et plateformes de e-learning 
 +    * [[floss:h5p|H5P]], création de contenu interactif, basé sur HTML5 et JavaScript, avec de nombreuses utilisations en enseignement et formation 
 +    * [[floss:scenari|Scenari]] + Opale (cf. canoprof en France)
     * moodle     * moodle
 +    * SCORM ?
     * chamilo,...     * chamilo,...
-    * google classroom +  Logiciels de jeux, quizz, sondages,... en ligne (web) : 
-      * https://fr.wikipedia.org/wiki/Google_Classroom+    * [[https://kahoot.com/|Kahoot!]] (propriétaire, //cf.// [[wp>fr:Kahoot!]]) 
 +    * [[https://ladigitale.dev/|La Digitale - Le numérique éducatif libre et responsable]] 
 +      * Digistorm, pour créer et animer des sondages, des remue-méninges et des quiz 
 +      * Digiscreen, un fond d'écran interactif pour la classe 
 +      * ... 
 +  * Solutions html5 / javascript / mathjax / Jupyter notebook... 
 +    * Reveal.js 
 +    * [[https://mhchem.github.io/MathJax-mhchem/|mhchem for MathJax]] 
 +    * svg (yc animations) 
 +    * Jupyter & Rise 
 + 
 +Pour ceux qui ont un accès aux pages conçues spécifiquement pour les étudiants d'AESS, //cf.// aussi la page [[teaching:didactiquechimie:ntic|Technologies de l'information et de la communication]] 
 + 
 +===== Logiciels de vidéo-conférence ===== 
 +  * critique générale : [[https://www.lefigaro.fr/secteur/high-tech/zoom-fatigue-pourquoi-les-discussions-en-visioconference-sont-si-epuisantes-20200423|«Zoom fatigue»: pourquoi les discussions en visioconférence sont si épuisantes]] 
 +==== Microsoft Teams (UMONS) ===== 
 +  * Liens d'entrée UMONS : 
 +    * [[http://www.umons.ac.be/CORONAVIRUS]] 
 +    * [[https://alumniumonsac.sharepoint.com/sites/DirectiondesServicesInformatiques/SitePages/Microsoft-Teams.aspx]] 
 +  * [[https://teams.microsoft.com/downloads]] logiciel (indispensable pour ne pas utiliser les navigateurs Edge ou Chrome sous Mcicrosoft, et pouvoir utiliser la vidéo + micro 
 +  * [[https://twitter.com/bnizet/status/1239182380843270146]] Vidéos de Benjamin Nizet, Microsoft Belux 
 +    * 1. Créer un teams : [[https://www.youtube.com/watch?v=_BoE7gFwiUk]] 
 +    * 2. Avant le cours : [[https://www.youtube.com/watch?v=OFceMJksyeU]] 
 +    * 3. Pendant le cours : [[https://www.youtube.com/watch?v=-oTtd0cY7tk]] 
 +    * 4. Après le cours et autres outils pédagogiques dans Teams : [[https://www.youtube.com/watch?v=vnhD8K8NDTU]] 
 +    * 5. Teams Live Events : [[https://www.youtube.com/watch?v=GcUGE68KWoA]] 
 +  * [[https://sway.office.com/KGZs4OZcIaiaKY1q]] → Permanence Microsoft Teams et Office 365 → "conférences pour expliquer les possibilités d'utilisation dans les écoles de Teams" 
 +  * [[https://pulse.microsoft.com/fr-be/work-productivity-fr-be/na/fa2-utilisez-vous-microsoft-teams-a-son-plein-potentiel-lorsque-vous-travaillez-a-distance/|Utilisez-vous Microsoft Teams à son plein potentiel lorsque vous travaillez à distance ?]], liste de trucs et astuces pour vous travailler ensemble de manière plus efficace (mars 2020) 
 +  * [[https://medium.com/better-humans/30-advanced-tips-for-becoming-a-microsoft-teams-power-user-d1e544444656|30 Advanced Tips for Becoming a Microsoft Teams Power User - A complete guide to Microsoft’s competitor to Slack]] Medium, 14/10/2020 John Gruber 
 +  * Installation sous Linux : [[https://docs.microsoft.com/en-us/microsoftteams/get-clients]] 
 +<code bash> 
 +curl https://packages.microsoft.com/keys/microsoft.asc | sudo apt-key add - 
 +sudo sh -c 'echo "deb [arch=amd64] https://packages.microsoft.com/repos/ms-teams stable main" > /etc/apt/sources.list.d/teams.list' 
 +sudo apt update 
 +sudo apt install teams 
 +</code> 
 +  * uninstall (Ubuntu Linux) : [[https://askubuntu.com/questions/1219523/how-to-permanently-uninstall-microsoft-teams]] 
 +  * install via "snap" sous Ubuntu : [[https://snapcraft.io/install/teams-for-linux/ubuntu]] (Install Teams for Linux on your Linux distribution - Unofficial Microsoft Teams client for Linux using Electron) 
 +  * erreur de partage d'écran ?? [[https://docs.microsoft.com/en-us/answers/questions/42095/sharing-screen-not-working-anymore-bug.html?sort=votes]] 
 +  * TEAMS sous ARM64 : [[https://office365itpros.com/2020/10/16/native-arm64-version-of-teams-available/|Native ARM64 Version of Teams Now Available]] → à tester sous Raspberry 4 
 + 
 +==== Autres logiciels de conférence ==== 
 + 
 +  * [[https://www.ubuntupit.com/top-20-best-linux-video-conferencing-software/]] 
 +  * [[https://zoom.us/]] 
 +  * [[https://jami.net/|Jami]] (logiciel libre), fonctionne sans internet sur un réseau local,... 
 +  * Solutions opensource 
 +    * [[https://www.arawa.fr/2020/04/24/comparatif-fonctionnel-des-outils-de-visioconferences-opensource/|Comparatif fonctionnel des outils de visioconférences opensource]], arawa, 24/04/2020 
 +    * [[https://jitsi.org/|jitsi.org]] (logiciel libre) 
 +      * Vidéo : [[https://www.youtube.com/watch?v=v7Bt_fUP3Xg|“Comment faire des vidéoconférences avec Jitsi”]] (cf. page [[https://latelierduformateur.fr/tutoriels-jitsi-meet-solution-de-visioconference/|Tutoriels Jitsi Meet : Solution de visioconférence]] 
 +      * [[https://jitsi.org/downloads/ubuntu-debian-installations-instructions/]] Ubuntu/Debian install 
 +        * [[https://community.jitsi.org/t/jitsi-dev-jitsi-meet-and-bandwidth-requirements/11791/3|Bandwith requirement]] → "For 720p with simulcast and N participants, in perfect network conditions, the usage will be something like 3.15Mbps outgoing, (2.5 + N * 0.15) Mbps incoming" 
 +      * Instances accessibles au public : 
 +        * Belnet : [[https://jitsi-1.belnet.be/]] 
 +        * Scaleway : [[https://ensemble.scaleway.com/]] 
 +        * Renater (réunions de travail, serveur français de l'enseignement et de la recherche : [[https://rdv3.rendez-vous.renater.fr/home/]] 
 +        * Linagora (France) : [[https://avecvous.linagora.com/]] 
 +    * BigBlueButton 
 +    * NextCloud Talk 
 + 
 +<note warning>Concernant ces Zoom, il est important de tenir compte de la problématique du respect de la vie privée : 
 +  * [[https://protonmail.com/blog/zoom-privacy-issues/|Using Zoom? Here are the privacy issues you need to be aware of]], protonmail, March 20, 2020 by Richie Koch 
 +  * [[https://onezero.medium.com/zoom-is-a-nightmare-so-why-is-everyone-still-using-it-1b05a4efd5cc|Zoom Is a Nightmare. So Why Is Everyone Still Using It? And will we keep using it when all of this is over?]], Simon Pitt, Medium, 10/04/2020 
 +  * [[https://datanews.levif.be/ict/actualite/attention-vous-partagez-avec-zoom-plus-que-ce-que-vous-ne-pensez/article-news-1268023.html|Attention: vous partagez avec Zoom plus que ce que vous ne pensez]], Pieterjan Van Leemputten, Data News, 23/03/2020 
 +  * [[https://www.france24.com/fr/20200331-coronavirus-zoom-l-appli-vid%C3%A9o-au-m%C3%A9pris-de-la-vie-priv%C3%A9e|Coronavirus : Zoom, l'appli vidéo au mépris de la vie privée ?]], France 24, 31/03/2020 
 +  * [[https://gizmodo.com/zoom-has-a-google-problem-1842902393|Zoom Has a Google Problem]] Shoshana Wodinsky, Gizmodo, 17/04/2020 
 +</note> 
 + 
 +  * discord 
 +    * [[https://discordapp.com/]] 
 +    * [[https://www.01net.com/actualites/discord-lutte-a-sa-maniere-contre-les-degats-causes-par-coronavirus-1873876.html]] 
 +  * https://talky.io 
 +  * https://twitter.com/a_bermingham/status/1239988047980179457 Jitsi... 
 +  * Google classroom 
 +  * Google hangouts (détails de R. Viseur, FWSE UMONS) : permet des visioconférences avec partage d’écran, à condition de ne pas dépasser 10 personnes (version gratuite). Pré-requis : disposer d'un compte Gmail. 
 +    * Démarrer un appel : aller sur https://hangouts.google.com/call/... ou https://hangouts.google.com/ 
 +    * Inviter des participants / être attentif à la réception de l'invitation : 
 +      * Pour inviter quelqu’un : ajouter une adresse Gmail à vos contacts Hangouts puis inviter la personne. 
 +      * Pour accepter une invitation : aller dans le menu général (pictogramme « ≡ ») de l’application web sur https://hangouts.google.com/ puis cliquer sur« Invitations » et accepter. 
 +    * Partage de fenêtre. En haut à droite : trois points → « Partager l'écran ». Choix entre : 
 +      * (1) L'intégralité de votre écran. 
 +      * (2) Fenêtre de l'application (très souple d’utilisation). 
 +      * Pour arrêter : « Arrêter le partage » en bas de l'écran 
 +  * Autres références : 
 +    * [[https://www.computerworld.com/article/3241891/22-free-screen-sharing-apps-for-work-at-home-collaboration.html|22 free screen-sharing apps for work-at-home collaboration]] 
 +    * [[https://twitter.com/Arawa_fr/status/1426127447737597958|Thread Twitter]] "Alternatives libres/opensource à Slack, Discord et Microsoft Teams - Catégorie "Team Chat" ou messagerie instantanée d'équipe professionnelle" → [[https://rocket.chat/]], [[https://twitter.com/Mattermost]], Nextcloud Talk, Zulip, [[https://twitter.com/jami_social]], [[https://dino.im/]], [[https://twitter.com/element_hq]], [[https://twitter.com/jitsinews]], [[https://twitter.com/bigbluebutton]] 
 + 
 + 
 + 
 +===== Outils, logiciels ===== 
 +  * [[https://www.ffmpeg.org/|ffmpeg]] logiciel libre multi-plateforme, en ligne de commande, **pour traiter des fichiers audios et vidéos**. Permet en particulier la capture de l’activité de l’écran (avec ou sans enregistrement du son), la fusion de fichiers vidéos, la conversion de fichiers vidéos... Par exemple (détails de R. Viseur, FWSE UMONS) 
 +    * pour l'enregistrement avec capture du son : ''ffmpeg -f alsa -ac 2 -i pulse -f x11grab -r 30 -s 1920x1080 -i :0.0 -acodec pcm_s16le -ac 2 -ab 128k -ar 44100 -vcodec libx264 vid-b.mkv'' 
 +    * Extraction de la vidéo utile : ''ffmpeg -i vid-b.mkv -ss 00:00:15 -t 00:04:50 -acodec pcm_s16le -ac 2 -ab 128k -ar 44100 -vcodec libx264 vid-02.mkv'' 
 +    * Transformation d’une image en vidéo (image fixe de début). Les deux commandes suivantes permettent, d’une part, la transformation d’une image fixe (page d’accueil) en vidéo et, d’autre part, l’ajout d’une bande sonore (silence) : 
 +      * ''ffmpeg -loop 1 -i page-1.png -t  5 -s 1920x1080 -acodec pcm_s16le -vcodec libx264 vid-a.mkv'' 
 +      * ''ffmpeg -i vid-a.mkv -i silence.wav -c copy -map 0:0 -map 1:0 -acodec pcm_s16le -ac 2 -ab 128k -ar 44100 -vcodec libx264 vid-01.mkv'' 
 +    * Transformation d’une image en vidéo (image fixe de fin) : 
 +      * ''ffmpeg -loop 1 -i page-n.png -t 5 -s 1920x1080 -acodec pcm_s16le -vcodec libx264 vid-j.mkv'' 
 +      * ''ffmpeg -i vid-j.mkv -i silence.wav -c copy -map 0:0 -map 1:0 -acodec pcm_s16le -ac 2 -ab 128k -ar 44100 -vcodec libx264 vid-10.mkv'' 
 +    * Assemblage des pistes vidéos : 
 +      * ''ffmpeg -f concat -safe 0 -i lst.txt -acodec pcm_s16le -ac 2 -ab 128k -ar 44100 -vcodec libx264 -c copy vid-all.mkv'' (Le fichier lst.txt contient la liste des vidéos à assembler : file 'vid-01.mkv' \n file 'vid-02.mkv' \n file 'vid-10.mkv' - Cette commande permet l’assemblage des trois fichiers vidéos : écran d’accueil, enregistrement de l’écran du logiciel (démonstration) et écran de fin. 
 +    * Conversion du MKV en MP4 : 
 +      * ''ffmpeg -i tp1-screencast-sqlite.mkv -qscale 0 -pix_fmt  yuv420p -strict -2 tp1-screencast-sqlite.mp4'' (Cette commande permet la conversion du fichier vidéo au format MKV en un fichier MP4 de taille réduite et compatible avec un large éventail de systèmes - y compris Windows 7) 
 + 
 +  * [[http://xia.dane.ac-versailles.fr/index.html]], logiciel libre multiplateforme, «outil auteur» qui, couplé à Inkscape ou LibreOffice Draw, vous permet de réaliser simplement des images interactives (avec détails zoomables) et des jeux sérieux en html5 
 +  * [[https://h5p.org/]] Create, share and reuse interactive HTML5 content in your browser 
 +  * [[https://frametrail.org/|FrameTrail]] is an open source software that lets you experience, manage and edit interactive video directly in your web browser 
 +  * [[https://kanboard.org/]] (cf. framaboard.org), gestion visuelle de tâches 
 +  * [[https://www.audacityteam.org/|Audacity]] logiciel libre multi-plateforme de **montage, mixage et édition audio** → enregistrement, édition, exportation, réduction de bruit 
 +  * [[https://inkscape.org/fr/|Inkscape]] logiciel libre de **dessin vectoriel** (windows, mac, linux) 
 +  * Logiciel de tableau blanc interactif : [[http://openboard.ch/|Openboard]] 
 + 
 + 
 +  * logiciels propriétaires, licences non connues, services en ligne : 
 +    * [[https://www.thinglink.com/edu]] 
 +    * [[https://www.powtoon.com/home/]] 
 +    * [[https://www.mindomo.com/fr/]] Cartes mentales et conceptuelles, listes et diagrammes de Gantt 
 +    * [[https://learningapps.org/]] 
 +    * [[https://mural.co]] Tableau blanc en ligne pour la conception collaborative en ligne (écriture manuelle possible). 
 +    * .. 
 + 
 + 
 +==== Tableaux blancs, écrans partagés, documents partagés, collaboratifs ==== 
 +Ces dispositifs peuvent être combinés à des logiciels, et utilisés lors d'un enregistrement. 
 + 
 +  * logiciels de TBI (tableau blanc interactif, whiteboard), **création et annotation de documents, images, sans partage, sans participation collective collaborative** ("comme à la craie ou au marqueur"
 +    * [[https://www.openboard.ch/|Openboard]] 
 +    * [[https://github.com/xournalpp/xournalpp|Xournal++]] (Windows, Mac, GNU/Linux) **Très performant et simple** ajouter ppa sudo add-apt-repository ppa:andreasbutti/xournalpp-master 
 +    * Xournal (GNU/Linux, à l'origine de Xournal++) 
 +    * [[https://www.drawsvg.org/|DRAW SVG (SVG Editor)]] (web) 
 +  * Prise de notes manuscrites et alternatives : OneNote, evernote,... 
 +    * [[https://docs.google.com/spreadsheets/d/1REqDMQ4Us_X0fVYrlqKldh9HJ7wXz14bPgsGgNLpo6M/edit#gid=0]] 
 +    * [[http://www.styluslabs.com/]] Stylus Labs Write (Windows, Mac, Linux, Android, iPad) 
 +      * partage possible via le serveur [[http://www.styluslabs.com/share]] ou un serveur installable : [[https://github.com/styluslabs/stylusboard]] 
 +  * Shared whiteboards, screens, texts - avec **partage et participation collective collaborative synchrone** 
 +    * [[https://zapier.com/blog/best-online-whiteboard/|The 11 best online whiteboards]] - 3 solutions qui semblent utilisables gratuitement 
 +      * [[https://limnu.com/|Limnu - The online whiteboard you’ve been looking for]] (non testé en groupe) 
 +      * [[https://awwapp.com/|AWW App | Online Whiteboard for Realtime Visual Collaboration]] → **Testé : simple mais suffisant !** 
 +      * [[https://whiteboardfox.com/|Whiteboard Fox - Simple Online Whiteboard]] → **Testé : simple mais suffisant !** 
 +      * [[https://etherpad.org/]] : logiciel libre d'édition collaborative de **textes**, cf. [[https://framapad.org/fr/]] →  
 +    * [[https://whiteboard.microsoft.com]] tableau blanc partagé avec 4 "stylos" de couleur, intégré aux outils fournis à l'UMONS. Exportable en SVG 
 +    * [[https://jamboard.google.com/|Google jamboard]], partageable 
 +    * [[https://whiteboard.fi]] (en évolution rapide...) 
 +    * [[https://wbo.ophir.dev/]] est un logiciel libre et gratuit de dessin collaboratif en ligne 
 +    * [[https://apps.apple.com/fr/app/freeform/id6443742539?platform=ipad|Freeform dans l’App Store]] 
 +      * [[https://outilscollaboratifs.com/2022/12/freeform-tableau-blanc-collaboratif-apple/|Freeform. L’application de tableau blanc collaboratif signée Apple]] 
 +    * [[https://draft.io/fr/|Où s’épanouit la collaboration visuelle - Draft.io]] 
 +    * [[https://whimsical.com/|Whimsical - Work Better, Faster, Together]] 
 +    * [[https://excalidraw.com/|Excalidraw | Hand-drawn look & feel • Collaborative • Secure]] 
 +      * [[https://github.com/excalidraw/excalidraw]] 
 +  * **Documents partagés, avec un aspect collaboratif, le plus souvent asynchrone** : 
 +    * [[https://docs.google.com/]] (google docs) 
 +    * Office 365 (Microsoft) 
 +      * OneNote (permet la collaboration, l'écriture manuscrite,...) 
 +        * [[https://snapcraft.io/install/onenote-desktop/ubuntu|OneNote Desktop Client for Linux]] (unofficial) + [[https://github.com/anujdatar/onenote-desktop]] 
 +        * [[https://play.google.com/store/apps/details?id=com.microsoft.office.onenote&hl=fr|OneNote Android]] 
 +        * [[https://apps.apple.com/fr/app/microsoft-onenote/id410395246|OneNote iPad iPhone]] 
 +        * voir aussi : 
 +          * [[https://medium.com/better-humans/10-tips-to-improve-productivity-using-onenote-85dee4a32cf2|11 Tips for Improving Productivity using OneNote]] 
 +    * [[https://etherpad.org/]] : logiciel libre d'édition collaborative, cf. [[https://framapad.org/fr/]] 
 +    * [[https://cryptpad.fr/]], suite bureautique alternative respectant la vie privée aux outils office et aux services cloud populaires 
 +    * Dropbox 
 +    * ... 
 +  * solutions Javascript html5 canvas : 
 +    * [[http://literallycanvas.com/|Literally Canvas — Literally Canvas v0.5.2 docs - HTML5 drawing board - MS Paint in your web browser]] 
 +    * [[https://browserboard.com/|Browserboard - Online Whiteboard]] [[https://github.com/winfred/whiteboard|winfred/whiteboard: A small javascript framework for building whiteboard web applications.]] 
 +    * [[https://wearespindle.com/articles/building-a-collaborative-whiteboard-with-fabric-js/|Never gonna give you up]] 
 +    * [[https://codepen.io/michaelsboost/pen/cnCAL|HTML5 Canvas Whiteboard (Touch and Mouse)]] 
 +    * [[https://zwibbler.com/#session=nO1DeAiibChee4V0KWOGkqFMHj8XkGb8|Zwibbler: The Javascript Whiteboard that lets users Draw on your Website]] 
 +    * [[https://github.com/lovasoa/whitebophir|lovasoa/whitebophir: Online collaborative Whiteboard that is simple, free, easy to use and to deploy]] 
 +    * [[https://github.com/pubnub/codoodler|pubnub/codoodler: Doodle with strangers on InterWeb!]] 
 + 
 +  * Divers whiteboards : 
 +    * [[https://excalidraw.com/|Excalidraw | Hand-drawn look & feel • Collaborative • Secure]] 
 +      * [[https://github.com/excalidraw/excalidraw|excalidraw/excalidraw: Virtual whiteboard for sketching hand-drawn like diagrams]] 
 +    * [[https://wbo.ophir.dev/|WBO — Tableau blanc collaboratif]] 
 +      * [[https://github.com/lovasoa/whitebophir/issues/15|Option to export to pdf/jpg/… · Issue #15 · lovasoa/whitebophir]] 
 +    * [[http://oxoyo.co/XBoard/|XBoard]] 
 +      * [[https://github.com/OXOYO/XBoard|OXOYO/XBoard: 在线白板 Online whiteboard]] 
 +    * [[https://cloud13.de/testwhiteboard/?whiteboardid=myNewWhiteboard|Whiteboard]] 
 +      * [[https://github.com/cracker0dks/whiteboard|cracker0dks/whiteboard: Lightweight collaborative Whiteboard / Sketchboard]] 
 +    * [[http://leimi.github.io/drawingboard.js/|Drawingboard.js: a simple canvas based drawing app that you can integrate easily on your website.]] 
 +      * [[https://github.com/Leimi/drawingboard.js|Leimi/drawingboard.js: A canvas based drawing app that you can integrate easily on your website.]] 
 +      * [[https://webwhiteboard.com/]] 
 +      * [[https://www.figma.com/figjam/]] 
 + 
 +  * Annotation sociale : [[https://web.hypothes.is/]] 
 + 
 +==== webcams ==== 
 +<note tip>La connectique et son débit (USB-2, USB-3, UCB-C) peut influencer les performances</note> 
 + 
 + 
 +  * Webcams USB : 
 +    * [[https://www.huddly.com/conference-cameras/go/|Huddly Go]] : caméra avec très grand angle 
 +    * Logitech : C615, B525 (?), C525 (?) avec rotation manuelle possible à 360° 
 +    * Logitech C930, C920, brio (4k),... 
 + 
 +==== Microphones ==== 
 + 
 +  * Microphones USB 
 +    * [[https://www.coolblue.be/fr/produit/755166/blue-snowball-aluminium-brosse.html#product-specifications|Blue Snowball]] : cardioïde ou omnidirectionnel (avec commutateur) 
 +    * [[https://www.polsenaudio.com/product/9124/Polsen-RC_77_U-USB-Retro-Condenser-Microphone|Polsen RC-77-U]] : cardioïde 
 + 
 + 
 + 
 +==== Dispositifs de pointage, écriture ==== 
 + 
 +  * tablette graphique sans écran à stylet, USB ou bluetooth. 
 +    * [[wp>fr:Tablette_graphique#Tablette_traditionnelle|Tablette graphique - Tablette traditionnelle]] 
 +    * [[wp>Graphics_tablet|Graphics tablet]] 
 +    * type Wacom Bamboo ou Intuos → cf. [[https://doc.ubuntu-fr.org/wacom]] et [[floss:wacom]] 
 +    * Huion 420, H420, H640,… 
 +    * Gaomon S620,… 
 +    * xp-pen star 
 +    * [[https://www.trust.com/fr/trust/graphic-tablets|Trust]] 
 +  * tablettes graphiques avec écran intégré 
 +    * wacom 
 +    * [[https://www.xp-pen.com/series/Artist-display.html|xp-pen Artist]] et et [[floss:xp-pen_artist|XP-Pen Artist]] 
 +    * Huion Kamvas Pro 
 +  * souris 
 +  * Entrée via un pointeur/stylet sur une tablette habituelle 
 +    * [[wp>fr:Tablette_tactile|Tablette tactile]] 
 +    * [[wp>Tablet_computer|Tablet computer]] 
 +    * [[wp>Stylus_(computing)#Capacitive_stylus|Stylus (computing) - Capacitive stylus]] 
 +    * [[http://www.sunnysidesoft.com/virtualtablet/]] ?? 
 +    * Google Handwriting Input : [[https://play.google.com/store/apps/details?id=com.google.android.apps.handwriting.ime&hl=en]] ?? 
 +  * Tablettes Android avec stylet 
 +    * Samsung Galaxy Tab S6 
 +  * piste tablette + openboard + teamviewer ?? 
 +    * [[http://openboard.ch/forum/viewtopic.php?t=1828]] 
 +    * [[https://community.teamviewer.com/t5/General-Questions/Want-to-use-tablet-to-control-PC/td-p/2293]] 
 +    * [[https://www.teamviewer.com/fr/telecharger/linux/]] 
 +  * PC convertible 
 +    * laptop Lenovo Yoga L13 
 +  * [[https://www.online-tech-tips.com/smartphones/remotely-access-a-pc-or-mac-from-a-smartphone-or-tablet/]] 7 Great Apps To Remotely Access a PC Or Mac From a Smartphone Or Tablet 
 +  * [[https://fossbytes.com/android-apps-control-pc/]] 5 Best Android apps to control PC from Android (2019) 
 +    * KiwiMote : control computer using an Android phone/tablet over WiFi. PC-side server runs on Windows, Mac, and Linux. → testé, mais semble peu utilisable ! 
 +      * client : [[https://play.google.com/store/apps/details?id=wowappz.kiwimote&hl=fr]] 
 +      * server : [[https://www.kiwimote.com/]] 
 +    * TeamViewer : Android phone/tablet to control computers running on Windows, Linux, and macOS 
 +      * client : [[https://play.google.com/store/apps/details?id=com.teamviewer.teamviewer.market.mobile]] 
 +      * server : [[https://www.teamviewer.com/en/]] 
 +    * Unified Remote : Android device app using Bluetooth or WiFi to remotely control your PC under Windows, Linux, and macOS 
 +      * client & server : [[https://www.unifiedremote.com/]] 
 +    * PC Remote (Windows) 
 +      * client : [[https://play.google.com/store/apps/details?id=com.monect.portable]] 
 +    * Chrome Remote Desktop : view your computer and control it from anywhere remotely using your phone or any other computer (need to have a Google account) 
 +      * client : [[https://play.google.com/store/apps/details?id=com.google.chromeremotedesktop]] 
 +      * extension chrome : [[https://chrome.google.com/webstore/detail/chrome-remote-desktop/gbchcmhmhahfdphkhkmpfmihenigjmpp/related?hl=en]] 
 +      * article détaillé : [[https://fossbytes.com/how-to-use-chrome-remote-desktop-remotely-access-computer/]] 
 +      * infos sur wikipedia (?) : [[https://en.wikipedia.org/wiki/Chrome_OS#Remote_application_access_and_virtual_desktop_access]] chromoting - chrome access ?? 
 +  * Autres possibilités pour transformer une tablette en système de pointage : 
 +    * [[https://play.google.com/store/apps/details?id=com.sunnysidesoft.VirtualTablet.lite&hl=en_US]] 
 +    * [[http://rfc2822.github.io/GfxTablet/]] 
 +  * écriture "à la main" sous android : 
 +    * Squid : [[https://play.google.com/store/apps/details?id=com.steadfastinnovation.android.projectpapyrus]] 
 + 
 +  * extension d'écran de PC sur une tablette android 
 +    * Windows : [[https://play.google.com/store/apps/details?id=ph.spacedesk.beta]] 
 +    * GNU/Linux 
 +      * [[https://www.noyf.biz/2015/05/09/sa-tablette-android-comme-peripherique-de-pointage-ou-comment-jai-economise-200e/]] 
 +      * [[https://www-fourier.ujf-grenoble.fr/~demailly/GfxTablet+.html]] 
 +      * [[https://github.com/santiagofdezg/linux-extend-screen]] 
 + 
 +  * [[https://fuentitech.com/how-to-use-a-tablet-or-phone-as-a-second-monitor-on-linux/83260/|How to use a tablet or phone as a second monitor on Linux - Fuentitech]] 
 +  * [[https://itectec.com/ubuntu/ubuntu-how-do-you-use-an-android-tablet-as-a-second-display/|Ubuntu – How to use an android tablet as a second display – iTecTec]] 
 +  * [[https://unix.stackexchange.com/questions/595337/how-to-use-an-android-device-as-additional-display-on-linux|cinnamon - How to use an Android device as additional display on Linux - Unix & Linux Stack Exchange]] 
 +  * [[https://github.com/ChipCE/Smartphone-tablet-as-second-monitor-for-linux|ChipCE/Smartphone-tablet-as-second-monitor-for-linux: Use android as second monitor for linux]] 
 +  * [[https://blog.8bitbuddhism.com/2019/12/01/how-to-use-your-android-tablet-as-second-monitor/|How to Use Your Android Tablet as a Second Monitor - 8-bit Buddhism]] 
 + 
 + 
 + 
 + 
 +  * screencasting,... (android/iOS → PC/mac/linux) 
 +    * [[https://askubuntu.com/questions/1174250/how-to-screen-mirror-android-phone-to-ubuntu-pc]] 
 +    * [[https://askubuntu.com/questions/804332/how-to-remotely-display-my-android-on-my-pc]] 
 +    * [[https://github.com/Genymobile/scrcpy]] 
 +      * [[https://github.com/srevinsaju/guiscrcpy]] 
 +      * [[https://opensource.com/article/19/9/mirror-android-screen-guiscrcpy]] 
 +      * [[https://www.phonearena.com/news/How-to-mirror-your-Android-phone-to-PC-for-free-with-full-keyboard-and-mouse-support_id124118]] (tuto windows) 
 +      * [[https://twitter.com/alainmi11/status/1515963295336960000]] 
 +    * [[https://access42.net/letsview-diffuser-ecran-audio-mobile-sur-ordinateur-videoprojecteur|Diffuser l’écran et l’audio d’un mobile sur ordinateur ou vidéoprojecteur avec LetsView]] + [[https://letsview.com/]] 
 +    * Screen Stream over HTTP (android) : [[https://play.google.com/store/apps/details?id=info.dvkr.screenstream&hl=fr&gl=US]] 
 + 
 +  * Xournal/Xournal++ sur tablette android ?? 
 +    * [[https://www.reddit.com/r/linux/comments/c0ltnl/xournal_is_a_handwriting_notetaking_software_with/]] 
 + 
 +FIXME 
 +  * transformations de présentations ppt, odp,... en vidéos ?? 
 +  * À classer : WebRTC, Padlet (tableau blanc), VoiceThread pour permettre aux étudiants de commenter  
 +  * technologies HTML5 spécifiques 
 +    * [[https://iandevlin.com/blog/2015/02/javascript/dynamically-adding-text-tracks-to-html5-video/|Dynamically adding text tracks to HTML5 video]] 
 +    * [[https://hacks.mozilla.org/2014/07/adding-captions-and-subtitles-to-html5-video/|Adding captions and subtitles to HTML5 video]] 
 + 
 +==== Retour d'expériences ==== 
 +  * [[https://perso.univ-lyon1.fr/marc.buffat/2020/Comodal/index.html|Enseignement comodal/hybride durant la crise COVID19]] La solution technique (6000 EUR) mise en place comprend : 
 +    * une camera PTZ de très bonne qualité avec un zoom optique x12 installé au fond de la salle 
 +    * un micro d’ambiance de très bonne qualité avec 4 capsules accroché au plafond 
 +    * un mixer audio/video audio-technica avec sortie usb (son et audio) 
 +    * un ampli audio avec des enceintes pour un retour son 
 +    * un petit pc DELL sous Ubuntu 20 mais avec beaucoup de prises usb et 2 sorties video HDMI avec clavier souris (mais sans écran) 
 +    * une tablette graphique WACOM cintiq 14” qui sert d’écran et sur laquelle on peut écrire avec un stylet 
 +    * une tablette graphique Bluetooth (sans fils) permettant une écriture en se déplaçant 
 + 
 +==== Gestion audio ==== 
 +  * microphone USB sous Android 
 +    * [[https://play.google.com/store/apps/details?id=net.sourceforge.opencamera&hl=fr&gl=US|Open Camera]] permet l'utilisation d'un microphone externe (USB ou jack) : [[https://techwiser.com/connect-usb-mic-to-smartphone-for-video-recording/]] 
 +    * [[https://www.makeuseof.com/tag/record-usb-microphone-android/|How to Record Audio With a USB Microphone on Android]] 
 +    * [[https://play.google.com/store/apps/details?id=io.sbaud.wavstudio&hl=fr&gl=US|WaveEditor for Android™ Audio Recorder & Editor]] 
 +  * Microphones multiples (USB) 
 +    * Audacity : [[https://manual.audacityteam.org/man/faq_recording_how_to_s.html#Can_I_record_from_two_microphones_.28or_two_audio_interfaces.29_at_the_same_time.3F]] 
 +      * On Linux you can use JACK to [[http://jackaudio.org/faq/multiple_devices.html|route two devices to one stream]] that Audacity can record from. See also these two Forum posts 
 +      * [[https://forum.audacityteam.org/viewtopic.php?f=27&t=56492&p=146769p142160#p142160]] 
 +      * [[https://forum.audacityteam.org/viewtopic.php?f=27&t=56492&p=146769p142160#p146769]] 
 +    * OBS_studio : [[https://obsproject.com/forum/threads/is-there-a-way-to-have-multiple-different-audio-tracks.123647/]] ?? 
 + 
 +===== À investiguer ===== 
 +  * [[|Xournal++ mobile]] → en développement !! (ne pas utiliser pour l'instant) 
 +  * [[|Andromouse]] ?? 
 +  * [[https://play.google.com/store/apps/details?id=com.hungrybolo.remotemouseandroid&hl=fr&gl=US|Remote Mouse]] ?? 
 +  * [[https://play.google.com/store/apps/details?id=com.Relmtech.Remote&hl=fr&gl=US|Unified Remote]] et [[https://play.google.com/store/apps/details?id=com.Relmtech.RemotePaid&hl=fr&gl=US|Unified Remote(full)]] ?? → partie serveur : [[https://www.unifiedremote.com/]] 
 +  * [[|Linux Remote]] ?? 
 + 
 +  * [[https://snapcraft.io/install/remote-touchpad/ubuntu]] remote touchpad (à installer sous Ubuntu, rien sous Android) → pas concluant  
 + 
 +  * miroirs à adapter sur un laptop pour utiliser des enregistrements d'écriture sur papier : 
 +    * [[https://www.thingiverse.com/thing:4590755]] 
 +    * [[https://mobile.twitter.com/framaka/status/1325526657491480582]] 
  
  
  • teaching/teaching_ressources_videos.1585258635.txt.gz
  • Dernière modification : 2020/03/26 22:37
  • de villersd