378 views
# Réaliser un film d'animation avec la web-application do•doc ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_66c403107107852ae727a7c6c9c7d465.png) :movie_camera: Connecter la caméra avant de lancer le navigateur Internet. :warning:Vérifier que votre navigateur Internet est à jour. ---- #### URL de la web-application : https://dodoc.scola.ac-paris.fr ---- ## Créer un compte ![](https://minio.apps.education.fr/codimd-prod/uploads/60b271abb37d56fb352ad700f.17.45.png =150x) Cliquer sur le bouton **Se connecter** en haut à droite. ![](https://minio.apps.education.fr/codimd-prod/uploads/1ef1245f1a94783590a3b56a9.23.43.png) Cliquer sur **créer un compte** ![](https://minio.apps.education.fr/codimd-prod/uploads/1ef1245f1a94783590a3b56aa.22.04.png) Renseigner les différents champs puis communiquer le nom ou pseudonyme de votre compte à olivier.fosse@ac-paris.fr emanuelle.vignot@ac-paris.fr pour pouvoir travailler dans l’espace film d’animation. Vous pouvez vous connecter simultanément sur plusieurs machines avec votre compte. Vous pouvez également créer un (ou +) profil générique pour vos élèves : - nommez-le avec les premières lettres de votre école + un n° par exemple Rouv 1 - dans le champ courriel, renseignez une adresse fictive par exemple rouv1@fr ---- ## S'identifier ![](https://minio.apps.education.fr/codimd-prod/uploads/60b271abb37d56fb352ad700f.17.45.png =150x) Cliquer sur le bouton **Se connecter** en haut à droite. ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_22cc2991171628381c808b8551735266.png) Saisir les premières lettres de votre nom/pseudonyme d'utilisateur. ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_97a66b6fd9b216ed3a33e2a1666e54c4.png) Cliquer sur le compte listé, saisir votre mot de passe puis cliquer sur **SE CONNECTER** --- ## Créer un projet ![](https://minio.apps.education.fr/codimd-prod/uploads/7abdfd454182325cf3afd1a4f.png) Accéder à l'espace **film d'animation**. ![](https://minio.apps.education.fr/codimd-prod/uploads/7abdfd454182325cf3afd1a4c.png) ... puis cliquer sur le bouton **+ CRÉER**. ---- :sparkles: :sparkles: :sparkles: Si le bouton **+ CRÉER** n'est pas visible, communiquer le nom ou pseudonyme de votre compte à olivier.fosse@ac-paris.fr emanuelle.vignot@ac-paris.fr pour pouvoir travailler dans l'espace **film d'animation**. ---- ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_ad2dd4bd91b99f94b881ea3c9044936c.png) Nommer le projet ; cliquer sur **CRÉER ET OUVRIR** *Cocher l'option* Privé *empêche l'accès aux autres utilisateurs de do•doc.* ---- :sparkles: :sparkles: :sparkles: ![](https://minio.apps.education.fr/codimd-prod/uploads/7abdfd454182325cf3afd1a51.05.04.png) Ultérieurement, pour accéder rapidement à votre projet, cliquer sur **Mes projets**. *Si besoin, utiliser le champ de recherche ou le bouton "FILTRER".* ---- ## Contributeurs À la création d'un projet, le rôle de "**Référent**" vous est attribué : vous pouvez modifier ou supprimer ce projet et tous ses contenus (médias, publications, etc.). Vous pouvez aussi modifier la liste des référents et des contributeurs. Les **contributeurs** peuvent créer, modifier et supprimer des contenus (médias, publications, etc.) dans un projet. #### <span style="color: green;">Si vous souhaitez travailler avec plusieurs comptes dans un même projet, il faut en modifier la liste des contributeurs.</span> ![](https://minio.apps.education.fr/codimd-prod/uploads/9a2cac0cc1bd6a7fabb9a87e8.00.14.png) Les avatars des référents et contributeurs sont listés sous le titre du projet. Cliquer sur "Plus d'informations". ![](https://minio.apps.education.fr/codimd-prod/uploads/ea4f15a3cdc7baf5e3158aae6.00.49.png) Survoler l'icône crayon et cliquer sur MODIFIER. ![](https://minio.apps.education.fr/codimd-prod/uploads/ea4f15a3cdc7baf5e3158aae8.01.24.png) Ajouter un contributeur en cliquant sur l'icône + ![](https://minio.apps.education.fr/codimd-prod/uploads/9a2cac0cc1bd6a7fabb9a87f3.02.49.png =150x) sans oublier de cliquer sur le bouton ENREGISTRER. ## Autoriser caméra et micro ![](https://minio.apps.education.fr/codimd-prod/uploads/e942d17773d3b3e116c92bdc0.50.21.png =150x) La première fois que vous cliquerez sur le bouton **1•CAPTER**, une demande d'autorisation apparaît. ![](https://minio.apps.education.fr/codimd-prod/uploads/7abdfd454182325cf3afd1a48.37.20.png) Le navigateur Internet affiche une demande de permission d'accéder à la caméra et au micro connectés à l'ordinateur. **Autoriser**. ### sur un ordinateur portable ![](https://minio.apps.education.fr/codimd-prod/uploads/7abdfd454182325cf3afd1a29.37.20.png) Sélectionner la caméra connectée à l'ordinateur, ici une camera HUE. **Autoriser**. ### sur une tablette Sous Android, privilégier le navigateur Chrome. ![](https://minio.apps.education.fr/codimd-prod/uploads/6a3d3d66f0f70ce641f314b00.09.26.png) Sélectionner la caméra, ici arrière. **Autoriser**. ## :studio_microphone: Capturer du son ![](https://minio.apps.education.fr/codimd-prod/uploads/7abdfd454182325cf3afd1a40.46.32.png) Cliquer sur le bouton rouge **1•CAPTER** ![](https://minio.apps.education.fr/codimd-prod/uploads/e942d17773d3b3e116c92bdc5.33.08.png) ... puis cliquer sur le bouton **SON** ![](https://minio.apps.education.fr/codimd-prod/uploads/7abdfd454182325cf3afd1a3e.34.15.png) un disque gris apparaît. ![](https://minio.apps.education.fr/codimd-prod/uploads/7abdfd454182325cf3afd1a44.34.15.png) Cliquer sur CAPTER UN SON pour débuter l'enregistrement. Le disque devient alors rouge. ![](https://minio.apps.education.fr/codimd-prod/uploads/7abdfd454182325cf3afd1a45.55.38.png) Cliquer sur ARRÊTER LA CAPTURE pour arrêter l'enregistrement. ![](https://minio.apps.education.fr/codimd-prod/uploads/7abdfd454182325cf3afd1a46.56.40.png) Écouter puis ENREGISTRER *... ou cliquer sur ANNULER pour recommencer l'enregistrement.* ![](https://minio.apps.education.fr/codimd-prod/uploads/60b271abb37d56fb352ad703a.25.59.png) Retrouvez le son enregistré dans le volet **2•COLLECTER**. ![](https://minio.apps.education.fr/codimd-prod/uploads/60b271abb37d56fb352ad703e.27.57.png) Renseigner une légende pour pouvoir le retrouver facilement parmi les autres médias. ![](https://minio.apps.education.fr/codimd-prod/uploads/60b271abb37d56fb352ad703f.01.10.png =150x) Cliquer sur l'icône "crayon" à droite. ![](https://minio.apps.education.fr/codimd-prod/uploads/60b271abb37d56fb352ad703c.28.52.png) Saisir puis valider en cliquant sur le coche bleu sur fond vert. ![](https://minio.apps.education.fr/codimd-prod/uploads/60b271abb37d56fb352ad703d.29.20.png) La légende ainsi saisie est maintenant visible dans le volet **2•COLLECTER**, ici en affichage "Vignette", ![](https://minio.apps.education.fr/codimd-prod/uploads/60b271abb37d56fb352ad703b.29.44.png) ... et ici en affichage "Liste". ## :scissors: Retoucher du son ![](https://minio.apps.education.fr/codimd-prod/uploads/e942d17773d3b3e116c92bdca.51.16.png =200x) Accéder au volet **3•FABRIQUER**. ![](https://minio.apps.education.fr/codimd-prod/uploads/60b271abb37d56fb352ad7048.19.40.png) Cliquer sur le bouton **+ CRÉER** de la recette "Recouper un son". ![](https://minio.apps.education.fr/codimd-prod/uploads/60b271abb37d56fb352ad7046.20.23.png) Cliquer sur le son souhaité ![](https://minio.apps.education.fr/codimd-prod/uploads/60b271abb37d56fb352ad7049.20.54.png) ... puis sur SÉLECTIONNER. ![](https://minio.apps.education.fr/codimd-prod/uploads/60b271abb37d56fb352ad7045.21.28.png) Cliquer sur le bouton LIRE. Diminuer le volume du son si besoin. ![](https://minio.apps.education.fr/codimd-prod/uploads/60b271abb37d56fb352ad7047.21.49.png) Cliquer sur le bouton PAUSE ... ou cliquer directement dans le spectre audio pour sélectionner un point de coupe : son timecode apparaît. ![](https://minio.apps.education.fr/codimd-prod/uploads/60b271abb37d56fb352ad704c.21.56.png) Cliquer sur le bouton DÉBUT pour définir le point de départ du nouveau son : le timecode est renseigné. ![](https://minio.apps.education.fr/codimd-prod/uploads/60b271abb37d56fb352ad704b.22.20.png) Répéter pour définir le point de fin du nouveau son. ![](https://minio.apps.education.fr/codimd-prod/uploads/60b271abb37d56fb352ad7043.22.47.png) Il est possible de saisir directement le timecode de son choix en cliquant dans le champ dédié : idéal pour définir précisément la durée d'un son et le faire correspondre exactement à la durée des images capturées. ![](https://minio.apps.education.fr/codimd-prod/uploads/60b271abb37d56fb352ad7042.23.14.png) Valider la saisie en cliquant sur le coche bleu sur fond vert. ![](https://minio.apps.education.fr/codimd-prod/uploads/60b271abb37d56fb352ad7041.23.32.png) Cliquer sur TESTER ET EXPORTER. ![](https://minio.apps.education.fr/codimd-prod/uploads/60b271abb37d56fb352ad7044.23.42.png) Écouter et ENREGISTRER DANS LE PROJET. ![](https://minio.apps.education.fr/codimd-prod/uploads/60b271abb37d56fb352ad704a.25.59.png) Retrouvez le son ainsi coupé dans le volet **2•COLLECTER**. Légendez-le pour vous repérer facilement parmi les médias capturés/collectés. ## 🎬 Capturer les images de la séquence animée ## :warning: Plutôt qu'une séquence trop longue, mieux vaut réaliser plusieurs séquences, qui seront montées ensuite dans le volet 3•CAPTURER. 120 images (environ) est le maximum conseillé pour une séquence. --- ![](https://minio.apps.education.fr/codimd-prod/uploads/7abdfd454182325cf3afd1a40.46.32.png) Cliquer sur le bouton rouge **1•CAPTER** ![](https://minio.apps.education.fr/codimd-prod/uploads/e942d17773d3b3e116c92bdc6.32.32.png) ... puis cliquer sur le bouton **ANIMATION**. ![](https://minio.apps.education.fr/codimd-prod/uploads/7abdfd454182325cf3afd1a47.46.43.png) **... en cours de rédaction...** en bas, cliquer sur PRENDRE UNE PHOTO une frise apparaît la photo capturée apparaît, numérotée 1 à la suite, le flux vidéo de la caméra régler la transparence de l'effet pelure d'oignon : il permet d'afficher simultanément la dernière image capturée et le flux vidéo de la caméra. supprimer une image en cliquant sur l'icône corbeille :warning: impossible de remplacer ou déplacer une image : supprimer une autre image que la dernière capturée fait un trou dans le film. Cliquer sur ASSEMBLER puis ENREGISTRER Cliquer sur OUVRIR : - on bascule du volet 1•CAPTURER au volet 2•COLLECTER - la vidéo s'affiche avec le volet de métadonnées ouvert Légender la vidéo obtenue. **... en cours de rédaction...** ## :cyclone: Associer son et image ![](https://minio.apps.education.fr/codimd-prod/uploads/e942d17773d3b3e116c92bdc9.51.16.png =200x) Accéder au volet **3•FABRIQUER**. ![](https://minio.apps.education.fr/codimd-prod/uploads/b098212450fcfc51583a71a08.png) Cliquer sur le bouton **+ CRÉER** de la recette "Son sur une vidéo". ![](https://minio.apps.education.fr/codimd-prod/uploads/b098212450fcfc51583a71a0f.png) Cliquer sur le bouton CHOISISSEZ LA VIDÉO À UTILISER. ![](https://minio.apps.education.fr/codimd-prod/uploads/b098212450fcfc51583a71a10.png) La liste des vidéos du projet apparaît. ![](https://minio.apps.education.fr/codimd-prod/uploads/b098212450fcfc51583a71a11.png) Cliquer sur la vidéo souhaitée, ici *Corine et Bruno images*. ![](https://minio.apps.education.fr/codimd-prod/uploads/b098212450fcfc51583a71a13.png) Confirmer en cliquant sur le bouton SÉLECTIONNER. ![](https://minio.apps.education.fr/codimd-prod/uploads/b098212450fcfc51583a71a15.png) Cliquer sur le bouton CHOISISSEZ LE SON À UTILISER. ![](https://minio.apps.education.fr/codimd-prod/uploads/b098212450fcfc51583a71a14.png) Confirmer en cliquant sur le bouton SÉLECTIONNER. ![](https://minio.apps.education.fr/codimd-prod/uploads/b098212450fcfc51583a71a16.png) Cliquer sur le bouton CRÉER. ![](https://minio.apps.education.fr/codimd-prod/uploads/b098212450fcfc51583a71a19.png) Patienter ![](https://minio.apps.education.fr/codimd-prod/uploads/b098212450fcfc51583a71a17.png) ... la vidéo sonorisée apparaît. Cliquer sur le bouton OUVRIR. ![](https://minio.apps.education.fr/codimd-prod/uploads/b098212450fcfc51583a71a18.png) La vidéo s'ouvre dans le panneau **2•COLLECTER**. Renseigner une légende pour pouvoir le retrouver facilement parmi les autres médias. ## :film_frames: Montage vidéo ![](https://minio.apps.education.fr/codimd-prod/uploads/e942d17773d3b3e116c92bdc7.51.16.png =200x) Accéder au volet **3•FABRIQUER**. ![](https://minio.apps.education.fr/codimd-prod/uploads/ea4f15a3cdc7baf5e3158aad3.38.47.png) Cliquer sur le bouton **+ CRÉER** de la recette "Montage vidéo". ![](https://minio.apps.education.fr/codimd-prod/uploads/ea4f15a3cdc7baf5e3158aad6.02.08.png) ![](https://minio.apps.education.fr/codimd-prod/uploads/ea4f15a3cdc7baf5e3158aad8.03.45.png =150x) Cliquer sur le bouton IMPORTER. ![](https://minio.apps.education.fr/codimd-prod/uploads/ea4f15a3cdc7baf5e3158aadd.04.19.png) La liste des vidéos contenues dans le projet apparaît. Sélectionner une vidéo en cochant la case à droite, cliquer sur AJOUTER puis recommencer. À NOTER : le menu déroulant "Projet source" permet de sélectionner des vidéos contenues dans différents projets. ![](https://minio.apps.education.fr/codimd-prod/uploads/ea4f15a3cdc7baf5e3158aade.04.48.png) Une alternative consiste à sélectionner **dans l'ordre** souhaité toutes les vidéos à assembler puis cliquer sur AJOUTER. ![](https://minio.apps.education.fr/codimd-prod/uploads/ea4f15a3cdc7baf5e3158aae0.06.21.png) Une flèche à gauche du numéro en regard de chaque vidéo permet de modifier si besoin sa position dans le montage. Cliquer sur le bouton CRÉER. ![](https://minio.apps.education.fr/codimd-prod/uploads/ea4f15a3cdc7baf5e3158aae1.38.52.png) Cliquer sur le bouton CRÉER. ![](https://minio.apps.education.fr/codimd-prod/uploads/ea4f15a3cdc7baf5e3158aae2.39.00.png) Patienter. ![](https://minio.apps.education.fr/codimd-prod/uploads/ea4f15a3cdc7baf5e3158aae3.40.54.png) Cliquer sur le bouton OUVRIR pour accéder à la vidéo montée... ![](https://minio.apps.education.fr/codimd-prod/uploads/ea4f15a3cdc7baf5e3158aae4.41.25.png) ... qui se trouve maintenant dans le volet **2•COLLECTER**. Légender cette vidéo. ## SAUVEGARDER ![](https://minio.apps.education.fr/codimd-prod/uploads/9acf447054455fc2fe22cb0e3.45.44.png) Tout média (image, son, vidéo) présent dans le volet **2•COLLECTER** peut être téléchargé en cliquant sur le bouton OPTIONS en haut à droite. ![](https://minio.apps.education.fr/codimd-prod/uploads/9acf447054455fc2fe22cb0e4.52.12.png) Il est également possible de télécharger l'intégralité d'un projet : il pourra alors être importé dans une autre instance en ligne de do•doc ou dans une version locale, installée sur votre ordinateur, de l'application. ## 🆘 FAQ #### Je suis sur la page https://dodoc.scola.ac-paris.fr mais je ne vois rien : la page est blanche Vérifier que le navigateur Internet est à jour. [Mettre à jour Firefox](https://support.mozilla.org/fr/kb/mettre-jour-firefox-derniere-version) #### J'ai oublié mon mot de passe 😕 je ne peux plus me connecter. Écrivez-nous en indiquant votre nom/pseudonyme d'utilisateur 📧 olivier.fosse@ac-paris.fr 📧 emanuelle.vignot@ac-paris.fr **... à suivre ...** #### Pas d'image/de son Vérifier que vous avez autorisé le navigateur à accéder au flux vidéo/audio. #### Flux vidéo gelé #### Animation perdue