Outils pour la création de tutoriels animés, vidéos & Intéractifs

Réduire
X
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [Suggestion] Outils pour la création de tutoriels animés, vidéos & Intéractifs

    Bonjour,

    Je suis à la recherche d'une solution pour créer des tutoriels animées et ou des vidéos avec annotation pour créer de petits tutos pour guider les visiteurs sur mon site. J'ai recherché longuement sur google et sur des forums, il existe beaucoup de solutions payantes comme Adobe Captivate, mais hors de prix (surtout pour réaliser des tutos de quelques minutes...). Je travaille essentiellement sous linux et j'ai trouvé des solutions alternatives (Libres et gratuites) pour tout faire, sauf pour mettre des annotations facilement sur une vidéo.

    Et vous, vous utilisez quels outils pour créer des tutoriels ?

    Je me demandais également s'il n'existerais pas des extensions Joomla ou autres pour faire des tutos interactifs (en html5 par exemple) sur son site ?

    PS: Si les modérateurs sont d'accord, je pourrais faire la liste des logiciels utiles et autres outils pour la création de tutoriels animés et de tutos vidéos. Je pourrais également mettre cette liste à jour au fur et à mesure en éditant ce post. Ce serait ma modeste contribution sur ce forum.
    Dernière édition par AlexJean à 07/11/2016, 22h38
    Mon blog perso : helene-alex.com

  • #2
    Re : Outils pour la création de tutoriels animés, vidéos & Intéractifs

    Hello,
    Il y a Camtasia, payant dans les 200€ pour windoo

    Commentaire


    • #3
      Re : Outils pour la création de tutoriels animés, vidéos & Intéractifs

      Bonjour,

      J'ai testé récemment Wink (http://www.debugmode.com/wink/) et mis en ligne 2 petites vidéos pour expliquer certains paramétrages Joomla dont https://www.conseilgouz.com/index.ph...u-personnalise

      Comme écrit, je débute sur ce type de support, mais, l'outil Wink (gratuit) permet pas mal de choses: captures écran, texte, son (je n'ai pas utilisé),....

      C'est sous Windows.

      Pascal
      JoomlaDay FR 2018 - 18/19 Mai 2018 ! J'y étais ... et vous ?

      If anything can go wrong, it will...
      If I can help, I will ..https://conseilgouz.com

      Commentaire


      • #4
        Re : Outils pour la création de tutoriels animés, vidéos & Intéractifs

        Salut
        Pour ma part j'utilise camtasia
        TU peux aussi faire des tutovidéo maintenant avec powerpoint, il y a un outils pour cela
        Pas mal pmleconte ce que t'a permis de faire wink
        Formation Joomla agence internet https://www.stylitek.com
        Melijoy création de site Joomla compétitif https://www.melijoy.fr
        agence web spécialiste référencement http://www.agence-web-stylitek.fr

        Commentaire


        • #5
          Re : Outils pour la création de tutoriels animés, vidéos & Intéractifs

          Hello.

          Pour ma part j'utilise le même logiciel que celui qui me permet de faire mes montages vidéo (pinnacle/avid).

          Il y a un outil que fait la capture d’écran ou d'une zone d'écran.
          Il fonctionne en multi-écrans (j'ai entre 3 et 6 écrans sur mes postes), capture ou non les sons système, met une petit animation au clic de souris.

          Ensuite le reste (les bulles, les titres), c'est du montage avec le logiciel.

          Cela vaut un centaine d'euros (attention la version de base ne permet pas la capture d'écran), mais fonctionne sous Windows et pas sous Linux.

          Un exemple que j'ai réalisé (mais ce n'est pas sur Joomla)
          Dernière édition par roland_d_alsace à 08/11/2016, 19h37
          A tous les utilisateurs de Joomla du très Grand Est de la France et du Jura suisse
          Rejoignez le Joomla Users Groupe Alsace...
          roland_d_alsace va-t-il devenir roland_du_grand_est ?

          Commentaire


          • #6
            Re : Outils pour la création de tutoriels animés, vidéos & Intéractifs

            Envoyé par pmleconte Voir le message

            J'ai testé récemment Wink (http://www.debugmode.com/wink/) et mis en ligne 2 petites vidéos pour expliquer certains paramétrages Joomla ...[/url]
            J'utilise aussi Wink pour faire des captures (la version 2 fonctionne aussi sur linux avec wine). Le concept de ce logiel est génial, mais son dévellopement a été arrété et on ne peut pas exporter en tant que vidéo. On ne peut exporter qu'en flash et le soucis c'est que le flash devient obsolète avec le html5... Wink ne sort pas une vidéo au format flash, mais 3 fichier à intégrer à son site (l'animation en .swf, un javascrit et un fichier html), donc impossible de la convertir en mp4 par exemple. Par contre pour faire des captures d'écran avec annotations c'est nickel.

            J'ai cherché en vain un logiciel qui ferait la même chose avec exportation en Html5 (pour le coté intéractif) et exportation en vidéo pour partager ses tutoriels.
            Dernière édition par AlexJean à 08/11/2016, 23h29
            Mon blog perso : helene-alex.com

            Commentaire


            • #7
              Re : Outils pour la création de tutoriels animés, vidéos & Intéractifs

              Envoyé par AlexJean Voir le message
              ....
              J'ai cherché en vain un logiciel qui ferait la même chose avec exportation en Html5 (pour le coté intéractif) et exportation en vidéo pour partager ses tutoriels.
              Ca c'est plutôt le rôle de l'outil de mise en ligne .

              Pour cela j'utilise le composant hwdmediashare qui le fait bien (qui réalise aussi la conversion des vidéos dans la plupart des formats et dans différentes définitions).


              Envoyé par AlexJean Voir le message
              ....
              J'ai cherché en vain un logiciel qui ferait la même chose avec exportation en Html5 (pour le coté intéractif).
              Qu'appelles-tu 'le coté interactif' : visites virtuelles (avec vidéo intégrées) ou vidéos 360° ?

              Pour les panoramas et visites virtuelles j'utilise kolor panotour + livepano et phoca panorama pour la mise en ligne (mais ce n'est pas indispensable -c'est juste pour la gestion des catégories et la galerie des visites virtuelles- Panotour sortant tout le html nécessaire pour chaque visite),

              et pour les vidéo 360° Pinnacle studio sait les gérer depuis sa dernière version 20 ultimate.
              Reste à avoir une bonne Caméra 360 à un prix abordable (j'attends avec impatience d'essayer la nouvelle Nikon 360 dont la sortie n’arrête pas d'être différée).

              Mais on est dans des outils payants (faut pas rêver )...
              Dernière édition par roland_d_alsace à 09/11/2016, 07h54
              A tous les utilisateurs de Joomla du très Grand Est de la France et du Jura suisse
              Rejoignez le Joomla Users Groupe Alsace...
              roland_d_alsace va-t-il devenir roland_du_grand_est ?

              Commentaire


              • #8
                Re : Outils pour la création de tutoriels animés, vidéos & Intéractifs

                Envoyé par pmleconte Voir le message
                Bonjour,

                J'ai testé récemment Wink (http://www.debugmode.com/wink/) et mis en ligne 2 petites vidéos pour expliquer certains paramétrages Joomla dont https://www.conseilgouz.com/index.ph...u-personnalise

                Comme écrit, je débute sur ce type de support, mais, l'outil Wink (gratuit) permet pas mal de choses: captures écran, texte, son (je n'ai pas utilisé),....

                C'est sous Windows.

                Pascal
                Salut Pascal.

                Moi je n'installe plus systématiquement FlashPlayer sur mes postes de travail (ta vidéo est au format d'adobe et j'ai du installer le plugin navigateur pour la voir).

                Je préfère le format mp4 pour la mise en ligne de vidéos, format qui 'passe' quasiment sur tout les terminaux sans ajout de plugins.

                Mais à nouveau hwdmediashare me règle tous ces problèmes car il génère aussi le fichier flv quand j'updload un mp4 (selon paramétrage du composant bien sûr).
                Dernière édition par roland_d_alsace à 09/11/2016, 09h02
                A tous les utilisateurs de Joomla du très Grand Est de la France et du Jura suisse
                Rejoignez le Joomla Users Groupe Alsace...
                roland_d_alsace va-t-il devenir roland_du_grand_est ?

                Commentaire


                • #9
                  Re : Outils pour la création de tutoriels animés, vidéos & Intéractifs

                  Bonjour,

                  Pour ceux qui regrettent wink, vous pouvez tester le petit projet d'étudiant Ensimag réalisé en 2013
                  http://dahuapp.github.io/
                  Il n'y a pas l'audio mais l'enregistrement de l'écran se transforme en pages animées html5/javascript/css.
                  Ce n'est pas de la vidéo, c'est donc plus léger et ce n'est pas flash!
                  @pmleconte : N'hésite pas à tester et comparer avec wink

                  Autre alternative open source, c'est open broadcaster software Studio : https://obsproject.com/
                  Pour les gamers filmant leurs exploits en direct sur twitch, yt et facebook, cela reste un excellent logiciel de capture video, y compris dans la réalisation de screencasts. On peut l'utiliser avec des petits programmes comme zoomit pour obtenir le même effet que camtasia, annotations d'écrans, etc... Bien configuré, on peut faire des choses assez sympa !

                  Pour les pros, je suis plus pour les produits de telestream (Screenflow, Wirecast) que Camtasia mais c'est une autre histoire.
                  Dernière édition par daneel à 09/11/2016, 11h34
                  Joomla User Group (JUG) Lille : https://www.facebook.com/groups/JUGLille/

                  Commentaire


                  • #10
                    Re : Outils pour la création de tutoriels animés, vidéos & Intéractifs

                    Bonjour,

                    Pour info, la vidéo GetJoomla : installer joomla! en 30 secondes a été réalisé avec le logiciel Active Presenter

                    @daneel
                    Ne serait-il pas possible de mettre un lien sur la vidéo, quelque part, dans joomla.fr ?
                    Dernière édition par fynhooft à 09/11/2016, 14h31
                    GIMPons.net : http://www.GIMPons.net = plus de 1000 tutoriels sur GIMP , plus d'un millier d'images pour expliquer les filtres de GIMP.
                    Le terrier de Fynhooft : http://patrick.gauwin.free.fr
                    Le CSE d'Hazebrouck : http://www.csehazebrouck.fr

                    Commentaire


                    • #11
                      Re : Outils pour la création de tutoriels animés, vidéos & Intéractifs

                      Pour des tutoriels animés, on peut également utiliser des logiciels d'animations html5

                      - exemple avec hippani animator :
                      https://www.hippani.com/?S=AnimatorGallery&C=IB32

                      - exemple avec Hype sur mac ( http://tumult.com/hype/gallery/ )
                      http://www.tommyng.com/dorinku/

                      - les slideshows revolution slider et smart slider dispose d'effets assez similaires

                      http://www.unitecms.net/joomla-exten...der-responsive

                      http://smartslider3.com/

                      @fynhooft : cela ne dépend pas de moi et le portail est actuellement en refonte.
                      Joomla User Group (JUG) Lille : https://www.facebook.com/groups/JUGLille/

                      Commentaire


                      • #12
                        Re : Outils pour la création de tutoriels animés, vidéos & Intéractifs

                        pour ajouter des texte sur une video:
                        utiliser avidemux et preparer les textes comme des sous titres et ensuite les incruster dans la video directement.
                        Mon site en cours de construction avec de nouvelles catégories de documents...
                        https://informaticien51.fr

                        Commentaire


                        • #13
                          Re : Outils pour la création de tutoriels animés, vidéos & Intéractifs

                          pour travailler une video:
                          avidemux.
                          pour travailler le son (un equivalent à cool edit pro + enregistrements audio) :
                          audacity.

                          2 projets libre portés sous windows
                          Mon site en cours de construction avec de nouvelles catégories de documents...
                          https://informaticien51.fr

                          Commentaire

                          Annonce

                          Réduire
                          1 sur 2 < >

                          C'est [Réglé] et on n'en parle plus ?

                          A quoi ça sert ?
                          La mention [Réglé] permet aux visiteurs d'identifier rapidement les messages qui ont trouvé une solution.

                          Merci donc d'utiliser cette fonctionnalité afin de faciliter la navigation et la recherche d'informations de tous sur le forum.

                          Si vous deviez oublier de porter cette mention, nous nous permettrons de le faire à votre place... mais seulement une fois
                          Comment ajouter la mention [Réglé] à votre discussion ?
                          1 - Aller sur votre discussion et éditer votre premier message :


                          2 - Cliquer sur la liste déroulante Préfixe.

                          3 - Choisir le préfixe [Réglé].


                          4 - Et voilà… votre discussion est désormais identifiée comme réglée.

                          2 sur 2 < >

                          Assistance au forum - Outil de publication d'infos de votre site

                          Compatibilité: PHP 4.1,PHP4, 5, 6DEV MySQL 3.2 - 5.5 MySQLi from 4.1 ( @ >=PHP 4.4.9)

                          Support Version de Joomla! : | J!3.0 | J!2.5.xx | J!1.7.xx | J!1.6.xx | J1.5.xx | J!1.0.xx |

                          Version française (FR) D'autres versions sont disponibles depuis la version originale de FPA

                          UTILISER À VOS PROPRES RISQUES :
                          L'exactitude et l'exhaustivité de ce script ainsi que la documentation ne sont pas garanties et aucune responsabilité ne sera acceptée pour tout dommage, questions ou confusion provoquée par l'utilisation de ce script.

                          Problèmes connus :
                          FPA n'est actuellement pas compatible avec des sites Joomla qui ont eu leur fichier configuration.php déplacé en dehors du répertoire public_html.

                          Installation :

                          1. Téléchargez l'archive souhaitée : http://afuj.github.io/FPA/

                          Archive zip : https://github.com/AFUJ/FPA/zipball/master

                          2. Décompressez le fichier de package téléchargé sur votre propre ordinateur (à l'aide de WinZip ou d'un outil de décompression natif).

                          3. Lisez le fichier LISEZMOI inclus pour toutes les notes de versions spécifiques.

                          4. LIRE le fichier de documentation inclus pour obtenir des instructions d'utilisation détaillées.

                          5. Téléchargez le script fpa-fr.php à la racine de votre site Joomla!. C'est l'endroit que vous avez installé Joomla et ce n'est pas la racine principale de votre serveur. Voir les exemples ci-dessous.

                          6. Exécutez le script via votre navigateur en tapant: http:// www. votresite .com/ fpa-fr.php
                          et remplacer www. votresite .com par votre nom de domaine


                          Exemples:
                          Joomla! est installé dans votre répertoire web et vous avez installé la version française du fichier FPA:
                          Télécharger le script fpa-fr.php dans: /public_html/
                          Pour executer le script: http://www..com/fpa-fr.php

                          Joomla! est installé dans un sous-répertoire nommé "cms" et vous avez installé la version française du fichier FPA:
                          Télécharger le script fpa-fr.php dans: /public_html/cms/
                          Pour executer le script: http://www..com/cms/fpa-fr.php

                          En raison de la nature très sensible de l'information affichée par le script FPA, il doit être retiré immédiatement du serveur après son utilisation.

                          Pour supprimer le script de votre site, utilisez le lien de script de suppression fourni en haut de la page du script. Si le lien de suppression échoue pour supprimer le script, utilisez votre programme FTP pour le supprimer manuellement ou changer le nom une fois que le script a généré les données du site et le message publié sur le forum. Si le script est toujours présent sur le site, il peut être utilisé pour recueillir suffisamment d'informations pour pirater votre site. Le retrait du script empêche des étrangers de l'utiliser pour jeter un oeil à la façon dont votre site est structuré et de détecter les défauts qui peuvent être utilisé à vos dépends.
                          Voir plus
                          Voir moins
                          Travaille ...
                          X