Waielbi

Un fond de page Seyès dans Xournal++

Waielbi — 2022-12-15T15:10:43Z

Les réglures Seyès [1] ont 130 ans mais sont toujours vivaces... en France. Et bon nombre de logiciels anglo-saxons ne pensent pas forcément à proposer des fonds de pages Seyès...

Un fond Seyès dans les pages Xournal++, c'est possible... mais pourquoi faire ?
Xournal++ peut répondre à bien des usages quand on n'utilise pas les fonctionnalités interactives d'un logiciel de TNI comme Active Inspire ou OpenBoard. Quand projeter des diapos et les annoter suffit, Xournal++ est une bonne alternative. Si en plus on peut écrire au TNI avec un fond Seyès, c'est parfait.

Je vous propose une solution qui repose sur :

la possibilité d'importer du pdf et d'en faire un fond de page dans Xournal++ ;
la disponibilité des réglures Seyès en pdf grâce à Fabrice Arnaud.

Vous avez déjà compris ? Il suffit de récupérer le fichier pdf des réglures Séyès de Fabrice Arnaud et de l'ouvrir avec Xournal++... Ce fichier comporte de nombreuses pages car il varie les épaisseurs de lignes et le « Zoom ». Cela va nous permettre de choisir le meilleur compromis pour le projecteur ou TNi de la classe.

Les différentes réglures de Fabrice Arnaud
Le fichier pdf Seyès ;
Le fichier pdf A4 Séyès constuit à partir du fichier Wikimedia Commons [2] :

Page blanche A4 reglure Seyes

Fichier pdf construit à partir du fichier svg de Cdang sur cette page : https://commons.wikimedia.org/wiki/File:Page_blanche_A4_reglure_Seyes.svg

Le fichier pdf ouvert dans Xournal++ :

Changer de vue dans le chemin de fer pour avoir l'aperçu :

Choisir sa page en fonction de l'épaisseur des lignes et de la dimension des carreaux :

Ensuite on supprime les pages inutiles et on enregistre notre page Seyès au format Xournal++ pour en faire un modèle qu'on utilisera à chaque fois qu'un fond Seyès est utile.

Pour ajouter une page on dupliquera alors notre page avec son fond Seyès. Pour en changer le fond parmi les réglures proposées par le pdf, dans le menu, choisir « Journal » → « Arrière plan de papier » → « Avec fond pdf » dans le menu :

Puis cliquer sur une page du pdf pour changer le fond de page courante :

Sinon Xournal++ propose par défaut :

plain - page blanche ;
Ruled - les lignes classiques anglo-saxonnes ;
Ruled with vertical line, la page par défaut avec sa marge rouge à gauche ;
Staves - des portées musicales ;
Graph - un quadrillage carré genre 5x5
Dotted - pointé ;
Isometric dotted - pagé pointée triangle ;
Isometric Graphe - page lignée triangle ;

[1] https://fr.wikipedia.org/wiki/Jean-Alexandre_Sey%C3%A8s

[2] https://commons.wikimedia.org/wiki/File:Page_blanche_A4_reglure_Seyes.svg

Sozi et SPIP

Waielbi — 2019-12-09T08:41:04Z

Sozi est un outil créé par Guillaume Savaton pour produire des présentations animées à partir de fichiers SVG. Ces présentations sont utilisables lors de cours, conférences, présentations, ... et elles trouveront naturellement leur place sur un site car leur support est fait pour le web. Comment intégrer ces créations sur un site SPIP ?

Sozi

Initialement Sozi était un plugin pour Inkscape qui permet d'animer les fichiers SVG à l'aide de js. Le code js était directement ajouté au fichier SVG. Depuis quelques temps Sozi est une application à part entière qui utilise le fichier SVG et créé l'animation dans un fichier html à côté. Au final on a donc deux types de Sozi selon leur période de création :

des fichiers Sozi-svg créés directement dans Inkscape comme cet exemple, ce n'est plus la bonne façon de procéder...
des fichiers Sozi-html créés par Sozi : exemple.

Le but de cet article n'est pas de montrer comment on créé les animations, pour cela on ira voir ce tutoriel de l'auteur de Sozi, mais plutôt le « comment les intégrer à un article SPIP ».

Certes, Sozi nécessite d'avoir apprivoisé un logiciel de dessin vectoriel comme Inkscape. Mais une fois à l'aise avec Inkscape, Sozi présente plusieurs avantages :

on utilise les présentations sur n'importe quel PC du moment qu'il possède un navigateur ;
la mise en ligne de ces présentations est assez simple ;
c'est très adapté pour des tutoriels car cela prend moins de place sur une page et la navigation d'une diapo à l'autre est facile ;
enfin, on peut aussi créer des documents non linéaires comme avec Impress/PowerPoint ou ajouter du contenu vidéo...

Au départ il y a le fichier SVG...

Le point de départ de notre présentation est le fichier SVG que l'on va créer. C'est lui qui contient tous les éléments graphiques et textuels. Là, Inkscape s'impose comme l'outil le plus adapté. Remarque, il faudra faire attention aux polices utilisées dans le fichier, si elles sont un peu exotiques il y a de fortes chances que le visiteur du site ne les ait pas installées et... qu'elles ne s'affichent pas. On peut utiliser les services de nano [1] pour incorporer nos polices au fichier SVG.

SVG pur ou mix SVG / images matricielles ?

La première chose est de savoir si on va avoir besoin de fichiers graphiques matriciels comme des jpg ou des png. Si on produit du svg pur, tout tiendra dans le futur fichier Sozi-html et les choses seront faciles à intégrer dans notre site SPIP. Par contre si on doit utiliser des images jpg ou png dans notre présentation deux cas se présentent :

les incorporer au fichier svg, on obtient un seul fichier mais son poids peut être élevé... voici un exemple avec deux images de 350 x 350 px« tinifiées » [2], le svg final pèse 133ko et le sozi-html 193ko :

Présentation sozi aves jpg et png incorporés
les lier au fichier svg, le fichier svg reste léger mais pour qu'il affiche les images il faut les déplacer avec lui et conserver le lien relatif, concrètement on a deux méthodes possibles :
- on place les jpg et png dans un dossier img au même niveau, mais on ne peut plus uploader cela comme un document SPIP, il nous faut un accès ftp pour déposer notre présentation sur le serveur ;
- une fois le svg terminé, on charge nos images matricielles dans la médiathèque de SPIP et on modifie les url des images dans Inkscape en les remplaçant par les url absolues des fichiers dans SPIP, exemple :
  
  Avec des images liées importées dans la bibliothèque SPIP

On retrouve les url des images chargées dans SPIP en ajoutant « https://www.son-site-spip.fr/IMG/png/ » devant le nom du fichier en fonction du type de fichier (jpg, png, gif, ...). Par exemple photo_01.jpg une fois chargée dans la médiathèque se trouve à l'adresse https://www.waielbi.net/IMG/jpg/photo_01.jpg... on peut facilement retrouver cette adresse dans la médiathèque :


Url d'une image sans la médiathèque SPIP

Dans Inkscape, un clic-droit → « Propriétés de l'image... » permet d'afficher son url et de la modifier :


Modifier l'url d'une image incorporée dans Inkscape

SPIP et les SVG

SPIP se méfie des fichiers SVG car ils peuvent contenir du code js, et c'est le cas des svg produits par le plugin Sozi pour Inkscape. Les fichiers téléversés dans un article, sont « sanitizés [3] », c'est à dire que SPIP enlève les éléments potentiellement dangereux comme le code javascript à l'affichage (via les balises et . Du coup l'interactivité des Sozi ancienne méthode n'est pas utilisable directement, il faut appeler le fichier manuellement dans une balise html. Une raison de plus pour abandonner le plugin Sozi au profit de l'appli.

Car, les Sozi-html téléversés dans SPIP par le formulaire « Ajouter une image ou un document » peuvent être affichés directement dans une page.

Incorporer un Sozi dans une page SPIP

La méthode de base

On insère la balise document dans le texte de l'article. Une icône html est insérée, le visiteur qui clique dessus et affiche le Sozi dans la fenêtre courante. Facile mais pas très pratique, car à la fin de la présentation le visiteur ne peut revenir sur la page SPIP simplement sauf à cliquer sur la flèche « Précédent » du navigateur autant de fois que nécessaire...


Présentation sozi aves jpg et png incorporés

La méthode embeded

Attention à la version de SPIP ! En effet depuis la version 4, les documents ne sont plus gérés de la même façon et la balise emb a disparu [4]. L'utiliser affichera : mais rien de plus. Ce site est en SPIP 4, il n'affiche donc pas les balise emb.

Sur SPIP 3.x, une fois notre Sozi-html téléversé, on peut l'inclure par la balise
ce qui l'affiche dans la page. Noter que :

si notre fichier svg n'a pas de fond, la couleur de fond est celle du site (gris ici). Cela peut se régler par l'ajout d'un élément rectangulaire coloré en arrière plan ou en ajoutant une couleur de fond dans les propriétés du document Inkscape (Menu « Fichier » → « Propriétés du document ») ;
si on veut scroller la page vers le bas/haut, quand on passe sur le Sozi, ça zoome/dézoome au lieu de scroller. On peut empêcher cela dans Sozi en décochant la flèche du curseur « Autoriser le zoom » dans Sozi :

Options de visionnage de Sozi

La méthode mediabox

Elle consiste à utiliser le plugin MediaBox inclus dans SPIP. Cela suppose de récupérer l'url de notre fichier Sozi-html :


Copier l'url du Sozi téléversé, clic-droit sur l'icône du document

Ensuite on créé un lien sur du texte ou sur une image en utilisant les classes mediabox et boxiframe :

https://www.waielbi.net/IMG/html/sozi_spip_img_incorporees.html" class='mediabox boxIframe boxWidth-900px boxHeight-600px'>image ou texte du lien

Ce qui donne :

Icône ou lien sur lequel on clique pour afficher la présentation Sozi...

On reste sur la page et la présentation Sozi est mise en valeur dans la fenêtre modale que l'on peut paramétrer (SPIP → Configuration → Gestion des plugins → Mediabox). Une fois la fenêtre modale fermée, le visiteur reviens naturellement à la page en cours.

Et pour les présentations importées en ftp?

Pour les présentations avec de nombreuses images jpg, png ou gif et à condition d'avoir un accès ftp sur le site SPIP, le plus simple est de lier les images au lieu de les incorporer dans Inkscape puis de téléverser l'ensemble dans un dossier à la racine du site. Cela permet de créer des présentations qui restent acceptables en terme de poids et de temps de préparation. Ensuite on créer un lien dans notre page SPIP, éventuellement par la méthode Mediabox. Par exemple :

Cette présentation a été uploadée en ftp car elle utilise de nombreuses copies d'écran

Méthode iFrame

Exemple ici avec la présentation de Sozi sur le site de l'auteur, Guillaume Savaton : connaissant l'adresse du fichier (https://sozi.baierouge.fr/presentations/this-is-not-a-slideshow.sozi.html), on créé un iFrame dans la page SPIP avec ce code :

https://sozi.baierouge.fr/presentations/this-is-not-a-slideshow.sozi.html"> ;

Ce qui donne :

[1] Nano - https://vecta.io/nano - est un site qui permet d'optimiser le code svg pour le tinifier mais aussi d'incorporer les polices au fichier svg.

[2] avec le service en ligne tinypng

[3] Ceci est pris en charge par le plugin SafeHtml depuis Spip 4.2 - voir https://www.spip.net/fr_article6806.html

[4] Voir cette page : https://www.spip.net/fr_article6428.html - L'ajout de la variable define ('_COMPORTEMENT_HISTORIQUE_IMG_DOC_EMB', true); dans le fichier mes_options.php ne rétablit pas le comportement des balises emb de SPIP3 dans SPIP4.

do•doc

Waielbi — 2019-11-26T17:31:04Z

do•doc est plus qu'un logiciel, c'est une trousse à outils formidable qui simplifie l'usage du matériel mobile en classe et propose des fonctionnalités très intéressantes avec une interface très pratique.
L'installer sur un PC est assez simple mais l'installer et le paramétrer en milieu scolaire avec des contraintes de proxy et de pare-feu demande quelques étapes supplémentaires.

Sommaire

Découvrir do•doc

En installant une instance de do•doc sur un PC, on peut, depuis d'autres PC ou tablettes, créer des médias : texte, photo, enregistrement audio et vidéo que l'on range dans des projets.
Ces médias sont visibles depuis tous les équipements connectés à notre PC-do•doc, appelons-le « le serveur do•doc ». En plus de créer des médias, on peut aussi les héberger et les partager.
Ensuite on utilise l'onglet « marmite » pour assembler ces médias et produire un montage vidéo, une animation image par image, une vidéo à la bande audio transformée, une vidéo à partir d'une photo et d'un enregistrement audio)...

On peut :

tagger les médias pour les classer ;
créer et associer des auteurs à un projet ;
passer de la vue projets à la vue médias avec le curseur : ;
dans un projet, filtrer les médias que l'on a placés en favoris : .

Une fois le logiciel lancé sur le PC du réseau, l'application est disponible sur les autres PC et sur les tablettes (quelque soit l'OS) par un navigateur web. On rejoint facilement un projet.

Intérêts

Dans une classe, do•doc est très intéressant pour différentes raisons :

Il permet de centraliser des fichiers sur une seule machine : les PC et tablettes connectés enregistrent les photos, vidéo, sons et texte facilement et ce quelque soit leur système d'exploitation.
C'est aussi un serveur de fichiers adapté aux PC et au matériel mobile.
do•doc est une réponse aux situations de production de texte collaboratives (textes + images).
C'est un bon système de production de vidéo d'animation, très accessible.
C'est une solution de montage vidéo simple et gratuite pour les écoles équipées de terminaux Android mais aussi pour les situations où le montage simple suffit.
Enfin, do•doc a une interface simple, bien conçue qui le rend accessible même au cycle 1.

Méthodologie

do•doc est conçu pour créer des documents « page » ou « vidéo » à partir de médias, rangés dans des projets en utilisant des recettes de la marmite. Ces médias peuvent êtres importés s'ils existent déjà ou être créés dans l'application, ce sont alors des captures.

Projets et médias

Mode opératoire d'un projet do•doc :

Sur le PC sur lequel do•doc a été installé, qu'on l'appellera « serveur do•doc », lancer le programme par un double-clic sur son icône .
Créer au moins un projet qui recevra les médias qui seront produits. Il peut être utile de créer des projets différents si on a plusieurs groupes d'élèves actifs en même temps. On peut ajouter une image de couverture au projet ainsi que des tags pour mieux le ranger et enfin des auteurs. On peut aussi créer un mot de passe pour l'accès au projet. Depuis la version 9, on peut associer des auteurs (contributeurs ou participants, voir plus bas) à un dossier et limiter l'accès ou même rendre le projet invisible à ceux qui n'y ont pas accès :

Création d'un projet 1/2
Pour que les élèves se connectent à ce projet do•doc, on doit leur fournir l'adresse. Pour cela, on clique sur le bouton du bandeau tout en haut de la page qui affiche l'adresse de notre serveur-do•doc https://192.168.0.45:8080 dans l'exemple ci-contre, mais aussi un QR code pour le matériel mobile. On peut afficher aussi le QR code des projets et même des médias d'un projet :

Afficher le code QR du projet
Les PC et tablettes qui rejoindront un projet sur le serveur-do•doc doivent être connectés au même réseau local : sur une borne wifi du réseau. Il faut ensuite autoriser les navigateurs à accéder au serveur-do•doc [1] :

Sur Firefox pour Android

Sur Firefox pour iOs

Sur Firefox pour PC
Écran d'accueil d'une tablette (iPad avec Firefox) connectée, la liste des projets s'affichent, les élèves cliquent sur le projet dans lequel ils souhaitent ajouter des médias :

Un fois connecté la liste des projets s'affiche.
Une fois dans un projet, on peut réaliser les actions suivantes : capturer, importer, écrire, créer un code QR et utiliser des recettes.

Capturer

Capturer, cela permet de créer des médias. Pour les utilisateurs connectés via un navigateur (tablette ou PC) les actions ne seront pas les mêmes en fonction des périphériques disponibles : un PC de bureau nécessitera au moins une webcam pour pouvoir capturer des photos et du son. Les iPads ne permettent pas d'utiliser la caméra et le micro via un navigateur :


Capturer et Importer sur iPad

Capturer des photos

Le bouton « Photo » charge l'espace de prise de vue et le navigateur demande l'autorisation d'utiliser la caméra de l'appareil utilisé. Si on a plusieurs caméras (ici un PC portable sur lequel on a une webcam avec un fil en USB et une webcam intégrée à l'écran) on peut choisir via le menu déroulant.	Autoriser l'utilisation de la caméra par le navigateur (ici une webcam sur un PC)
En cliquant sur « Réglages », on peut changer de caméra si on en a plusieurs connectés. On peut aussi choisir une résolution d'image :	Réglage de l'appareil photo
Après un appui sur le déclencheur , la photo prise est affichée à l'utilisateur qui peut l'annuler pour la refaire, l'enregistrer et l'enregistrer dans les favoris. :	Refaire, enregistrer et enregistrer dans les favoris

Vidéos

Vidéos. Un curseur permet de capturer les vidéos muettes. Le bouton « Réglages » permet de choisir la résolution de l'image VGA / HD et Full HD (si la caméra en est capable). Il faut utiliser le bouton « Mettre à jour » pour que les réglages soient pris en compte.

Animation

Animation permet de capturer des vidéos construites images par image. Une fois la première image prise, pour aider à composer correctement l'image avant de prendre chaque photo on bénéficie de l'effet « Pelure d'oignon » qui rend l'image transmise par la webcam (live) plus ou moins transparente et permet de visualiser la précédente. On peut aussi régler le nombre d'images par seconde de 2 à 30 :


Animation stopmotion

On capture des time-lapse en activant l'intervallomètre. À l'aide du bouton à côté du déclencheur, on règle un intervalle automatique de prise de vue en secondes. Ainsi on peut construire des vidéos d'événements longs (ombre d'un objet placé au soleil, germination, ...). Attention cependant à ce que le matériel utilisé (terminal et serveur) soit alimenté par le secteur et que toutes les fonctions de veille soient désactivées...

Effets visuels
La version 9 apporte un bouton « effets » qui permet de régler de nombreux aspects de l'image (miroirs, luminosité, saturation, tramage, ...).

Un élément source de créativité est le mode incrustation qui est disponible pour les photos, la vidéo et l'animation. En photo, par exemple voici ce qu'on peut obtenir facilement : en activant les effets et l'incrustation, on va chercher la couleur du papier rouge avec « Choisir la couleur dans la vidéo » en cliquant sur la partie de l'image à supprimer. Ensuite on règle « Remplacer par » sur image et on choisi une image. On affine le résultat avec les curseurs « Similarité », « Lissage » et « Débord ».


Incrustation d'une photo dans une autre...


Animation avec incrustation


Vidéo avec incrustation

Son

Son. Enregistrer de l'audio, les élèves peuvent s'écouter et recommencer jusqu'à ce que le résultat soit satisfaisant :


Enrgistreur audio

Capturer un do•doc distant
En mode capture de photo, vidéo, animation et audio, il est possible de capturer ce que voit et entend un PC/smartphone/tablette connecté à notre do•doc depuis une autre machine. Quel intérêt ? Et bien on peut ainsi utiliser une tablette comme caméra pour un banc-titre et prendre des photos sans avoir à toucher à cette tablette. On peut utiliser une tablette comme caméra distante et projeter les images sur le pc de la classe. On encore créer des time-lapse plus facilement.

Cette fonctionnalité était expérimentale dans les versions précédentes mais en version 9.1 elle a été fiabilisée et est pleinement utilisable.

Pour cela sur le matériel dont on souhaite utiliser la caméra, il faut se rendre dans le projet souhaité et capturer en photo ou vidéo. Alors on clique sur la molette . Dans la fenêtre, on active « Partager ce flux » et on note le nom proposé, puis on valide par « Mettre à jour » :


Partager la caméra

Sur le pc ou la tablette qui commandera cette caméra distante, on se rend dans « Capture » puis sur le mode souhaité et via le bouton , on coche « do•doc distant » et on entre le nom de la caméra do•doc partagée. On valide par « Se connecter ». Alors le flux vidéo de la caméra distante apparaît et on peut l'utiliser normalement. On déconnecte cette caméra par le bouton « Raccrocher » :


Se connecter à une caméra connectée

Formes

Formes, c'est un traitement de l'image direct qui transforme une capture photo en image vectorielle svg noir et blanc, par exemple :
	devient

Lignes

Lignes, c'est un traitement de l'image direct qui transforme une capture photo en image vectorielle svg noir et blanc avec des trames de lignes :
	devient

Importer

Cette action permet d'importer des fichiers de la tablette ou du pc de l'utilisateur vers le serveur dans le projet. Les fichiers images sont reconnus (y compris le format vectoriel svg), les vidéos (mp4, mov, ...). Les pdf importés peuvent être directement insérés dans un document page. Les fichiers odt, doc, rtf et txt ne sont pas reconnus par contre les textes faits en markdown (.md) le sont (on peut donc changer l'extension .txt en .md avant de l'importer pour faire accepter un fichier texte).

Écrire

Pour créer des textes. L'éditeur de textes est basique mais fonctionnel. Il peut exporter au format markdown (.md). Sur une tablette, on pourra se servir de la reconnaissance vocale pour dicter du texte :


Créer des textes

Code QR

Depuis la version 9.1, on peut créer des QR Codes à la volée. Le bouton affiche un formulaire qui permet d'entrer du texte ou une adresse pour créer un fichier image du code QR. On peut alors l'afficher ou l'utiliser dans des recettes.

La marmite et les recettes

Mélangez les médias pour en créer de nouveaux ! La marmite contient 7 recettes dans la version 9... Ce bouton affiche le volet des recettes.
Le bouton de la marmite a un comportement double : quand on clique sur l'icône on affiche ou cache le volet des recettes. Et quand on clique sur les deux flèches en dessous, on peut glisser la bordure du volet des recettes pour régler sa dimension.

Document page à page

Cette recette permet de créer un document avec un format précis et plusieurs pages. Médias acceptés : images, vidéos, sons et textes. Créera un PDF imprimable (pour faire des affiches, tracts, journaux, etc.) ou une page web à mettre en ligne.


Création d'un document « page à page »: On ajoute les média en cliquant sur le bouton « flèche » qui passe alors du bleu au jaune. On peut aussi créer des médias depuis la recette. Les médias de la page peuvent être déplacés et redimensionnés.

Le bouton permet de gérer les pages (créer et supprimer).


Document page à page créé avec do•doc

On peut aussi exporter la même recette en site web. Il est aussi possible d'exporter la page comme en tant qu'image :


Document exporté en image

Récit

À partir de la version 9.1. Pour créer des documents linéaires qui enchaînent les blocs les uns en dessous des autres. On peut le voir comme une version simplifiée de la recette précédente, probablement plus adaptée pour des élèves jeunes. Voici un exemple de page créée avec cette recette :


Document créé avec la recette « Récit » de do•doc

Montage vidéo

Cette recette propose de créer un montage vidéo en mettant plusieurs vidéos ou images bout à bout. Médias acceptés : des vidéos et des images. Créera une nouvelle vidéo.
Cet exemple a été réalisé à partir d'une capture faite depuis une vieille tablette Android de 2013, une vidéo faite par un iPad importée dans le projet ainsi qu'une image svg. On peut bien sûr réaliser des montages avec des vidéos créées par les 3 recettes suivantes...
Nouveauté de la version 9 : on peut ajouter un fondu en entrée et sortie de la vidéo ainsi qu'un fondu enchaîné entre deux séquences. On peut aussi faire un « fondu au noir » [2] ou dans une autre couleur...

On trouvera plus d'informations en vidéo dans la section « Tutoriaux » de l'atelier des chercheurs.

Effets vidéo

Cette recette disponible dans la version 9.1 transforme une vidéo avec un effet ou un filtre. Le résultat est une nouvelle vidéo.


Liste des effets vidéos disponibles

Animation image par image

>|Cette recette permet l'assemblage d'un nombre illimité d'images pour créer une séquence vidéo dans laquelle elles défilent à une vitesse réglable. Médias acceptés : uniquement des images. Les dimensions de la première image détermine si la vidéo finale est en portrait ou paysage. Créera une nouvelle vidéo, voici un exemple à partir de quelques photographies. Cette recette n'aboutit pas au même résultat qu'une capture image par image (exemple)

On trouvera plus d'informations en vidéo dans la section « Tutoriaux » de l'atelier des chercheurs.

Son sur une vidéo

Cette recette prend une vidéo et une piste audio. Elle ajoute ou remplace la bande sonore de la vidéo avec celle qui est sélectionnée. Médias acceptés : une vidéo et une piste sonore. Créera une nouvelle vidéo de la durée du plus long média. Un exemple à partir d'une vidéo muette et d'une capture animation.

On trouvera plus d'informations en vidéo dans la section « Tutoriaux » de l'atelier des chercheurs.

Son sur une image

Cette recette prend une image et une piste audio. Elle permet de créer des images parlantes. Médias acceptés : une image et une piste sonore. Créera une vidéo de la durée de la piste sonore. Un exemple.

Les auteurs

Le bouton « Auteurs » permet de s'authentifier et de créer des auteurs. On trouvera plus d'informations en vidéo dans la section « Tutoriaux » de l'atelier des chercheurs.

Espaces de discussions

Comme pour la marmite, le bouton affiche et redimensionne le volet des discussions selon qu'on clique sur l'icône ou sur les flèches.

Les discussions sont organisées en listes. Pour accéder aux messages, l'utilisateur doit cliquer sur une discussion. Comme les projets, il est possible de restreindre l'accès aux discussions à certains participants :


Création d'une discussion

Les messages sont exclusivement des textes, ils peuvent contenir des liens mais pas de fichiers ni d'images.

Sauvegarde et transfert

Des projets importants avec de nombreux médias sont précieux. Pour sauvegarder le contenu de do•doc le plus simple sur Windows et de copier le dossier dodoc2 qui est dans « Documents » de l'utilisateur Windows, et voilà... Sur Gnu/Linux la manipulation est la même (dodoc2 dans le dossier « Documents » de l'utilisateur).

Pour sauvegarder un projet en particulier, on sauvegarde le dossier qui a le nom de ce projet dans dodoc2.

On verra par la suite que sur un PC avec plusieurs utilisateurs, chaque dossier dodoc2 est indépendant. Conséquence selon quel utilisateur lance do•doc les terminaux connectés ne verront pas les mêmes projets !

Pour déménager un do•doc d'un PC à un autre (ou d'un utilisateur à un autre), il suffit de copier le dossier dodoc2.

Installer do•doc

C'est facile : on télécharge, on installe, on lance et c'est prêt.

Il faut donc commencer par télécharger la version qui nous correspond (Gnu, Win ou Mac) ici : sur le site de l'atelier des chercheurs.

Il se peut que votre Windows soit réglé pour bloquer le fichier téléchargé. Si le lancement de logiciel d'installation produit ce message, cliquer sur « Ne pas exécuter », car il faut débloquer le fichier :


Il faut débloquer le fichier d'installation...

Faire un clic-droit sur le fichier pour afficher les propriétés :


Clic-droit -> Propriétés

Cocher « Débloquer » en face de « Sécurité » :


Cocher « Débloquer »

Une fois lancé, do•doc offre la même interface qu'aux terminaux connectés. On peut aussi travailler sur le pc qui fait serveur do•doc :


Le logiciel do.doc une fois lancé

Installer do•doc en milieu hostile

Proxy filtrant

Quand on veut installer do•doc sur les PC d'une école qui utilisent un proxy pour filtrer les requêtes internet, on risque de se heurter à des problèmes de connexion entre les clients (PC et tablettes) vers notre serveur-do•doc.
Si malgré avoir vérifié que tout le matériel est connecté sur le même réseau (seul le dernier nombre de leur IPv4 doit différer) des clients ne se connectent pas au serveur, c'est qu'il y a probablement un proxy à franchir. Ordinairement on règle les PC pour qu'ils ne passent pas par le proxy pour les adresses locales, mais ce n'est pas toujours fait.

Pour les tablettes, il faut apprendre à Android [3] à contourner le proxy et pour iOS... il faut choisir : internet ou do•doc car on peut pas établir d'exception depuis une tablette.

On n'a en général pas la possibilité d'intervenir sur ce proxy, mais on peut indiquer au matériel qu'on utilise de ne pas passer par le proxy pour certaines adresses du réseau local.

Voir le tutoriel : do•doc et les serveurs proxy

Installer do•doc pour tous les utilisateurs du PC

Le matériel des écoles est en général installé pour des « utilisateurs standards », c'est à dire sans les privilèges d'installation.

Les utilisateurs standard peuvent installer des instances do•doc... Hélas, elles ne seront accessibles que sur ce PC car le pare-feu Windows en bloquera l'accès depuis les autres PC et tablettes, ce qu'il sera difficile de régler cela sans les droits admin.

Si un technicien installe do•doc sans rien régler, il ne sera malheureusement pas disponible pour tout le monde [4].

La solution a priori « Tout-terrain » consiste à déménager do•doc après l'installation pour le rendre accessible à tous les utilisateurs du PC ce qui facilite aussi les réglages de pare-feu car on ne déclare qu'une seule instance. Pour cela il faut les droits d'administrateur. L'endroit le plus indiqué semble être le dossier AppData/Programs de l'utilistateur Default. Dans l'exemple ci-contre le dossier C :\Users\Adminisnistrateur\AppData\Programs qui contient « dodoc » est déplacé dans C :\Users\Default\AppData :


Déménagement vers le dossier de l'utilisateur Default

L'étape suivante consiste à mettre à jour le raccourci créé sur le bureau. Clic-droit → « Propiétés » sur le raccourci et remplacement de « Administrateur » par « Default » dans les deux adresses. On peut ensuite déplacer ce raccourci dans le dossier C :\Users\Public\Desktop pour qu'il soit affiché sur les bureaux de tous les utilisateurs du PC :


Mise à jour du raccourci

Pare Feu Windows

S'il n'y a pas de problème de serveur proxy et que les PC et les tablettes ne peuvent pas accéder à un pc-do•doc... peut-être le pare feu de Windows est-il mal réglé ? Normalement au premier lancement de do•doc, Windows demande si on souhaite débloquer le programme dans le pare-feu pour les réseaux privés et publics :	Autoriser do•doc dans le pare-feu de Windows
Logiquement, on devrait répondre oui seulement pour les réseaux privés. Mais, si la connexion du PC a été étiquetée comme « Réseau Public », comme c'est parfois le cas avec les connexions wifi ou les connexions créées par un utilisateur standard... c'est cuit. D'autant que pour passer un réseau public en réseau privé dans Windows dans le centre réseau et partage de Windows en cliquant sur la nature du réseau, il faut avoir des privilèges d'administrateur :	Rendre privé un réseau public de Windows
Pour vérifier cela, on va se rendre dans les réglages du pare-feu : Panneaux de configuration → « Pare-feu de Windows » → « Autoriser un programme ou une fonctionnalité ». Si ce n'est pas le cas on l'ajoute par le bouton « Autoriser une autre application » . Dans le paragraphe précédent, on a appris où trouver l'application do•doc. À l'installation, elle est dans le dossier de l'utilisateur (admin) AppData/Local/Programs/dodoc (dossier caché par défaut) :	do•doc est-il bien autorisé dans le pare-feu ?

Mise à jour

Pour mettre à jour une telle installation, il faut tenir compte des changements que l'on a faits : on supprime manuellement le dossier dodoc de C :\Users\Default\AppData avant d'y déplacer celui de la nouvelle version. On vérifie les raccourcis et c'est fini. Les médias étant situés dans le dossier « Documents » de chaque utilisateur, il est inutile de les sauvegarder. Les règles du pare-feu restent valables, inutile de les mettre à jour.

[1] car celui-ci utilise un certificat auto-signé pour le https

[2] https://fr.wikipedia.org/wiki/Fondu_au_noir

[3] La configuration des exceptions selon les versions d'Android, par exemple en version 4, il ne sembla pas possible de rentrer de plages d'ip. Pour les utilisateurs de tablettes Samsung, les réglages de proxy et d'exceptions sont propagés par SmartSwicth, il sera donc facile d'intégrer ce réglage dans l'« image » d'une tablette qu'on restaure sur le reste d'une flotte. La case « Internet » est normalement cochée par défaut :


Sauvegarde et restauration de tablettes avec SmartSwitch

[4] la version de do•doc au moment de la rédaction de cet article est la 8.1.1, elle ne permet pas de choisir l'emplacement de l'installation, celle-ci se fait dans le dossier AppData/Programs de l'utilisateur qui lance le programme d'installation.

Extensions pour OpenOffice / LibreOffice

Waielbi — 2015-11-26T13:02:51Z

Une sélection d'extensions pour OpenOffice / LibreOffice, utiles pour la classe...

Qu'est-ce qu'une extension ?

Les extensions sont des fichiers qui peuvent être ajoutés aux logiciels http://www.openoffice.org/fr/ OpenOffice / http://fr.libreoffice.org/ LibreOffice et qui ajoutent ou modifient des fonctionnalités. Il n'y a pas besoin d'avoir les privilèges administrateur pour installer / désinstaller des extensions. Si un poste a plusieurs comptes d'utilisateurs, il faudra installer les extensions pour chacun d'eux.

télécharger le fichier d'extension, il porte l'extension de nom ''.oxt'' sauf s'il a été compressé ;
selon les réglages du navigateur utilisé : le logiciel OpenOffice / LibreOffice se lancera et ouvrira le fichier dès le téléchargement terminé ou bien le logiciel devra être lancé puis ouvrir le fichier téléchargé
l'installation commence par une fenêtre de dialogue comme celle-ci (cliquez sur les vignettes) :


Le gestionnaire d'extensions de LibreOffice

Plus d'informations sur cette page : https://fr.libreoffice.org/discover/templates-and-extensions/

Catalogues complets des extensions :

OpenOffice, http://extensions.openoffice.org/fr
LibreOffice, http://extensions.libreoffice.org/extension-center

Une sélection d'extensions pour l'école

Nom	Adresse de téléchargement	Description
Writer2ePub	https://extensions.libreoffice.org/extensions/writer2epub http://extensions.openoffice.org/fr/project/writer2epub	Permet d'exporter un fichier au format ePub pour être lu comme ebook sur la majorité des lecteurs (Calibre, BookReader, eReader, ...)
PicoSvoxOOo	https://extensions.openoffice.org/fr/node/17608	PicoSvoxOOo est une extension qui permet de faire lire un texte à haute voix dans Writer, Draw ou Impress. Cette extension utilise la synthèse vocale Pico Svox. Sur Linux, assurez-vous que la synthèse vocale Pico TTS est disponible avant d'installer l'extension. Pour les utilisateurs de Windows, l'extension inclut la synthèse Pico.
Lire Couleur	https://extensions.libreoffice.org/fr/extensions/show/lirecouleur	LireCouleur est un ensemble d'outils destinés à aider les lecteurs débutants à décoder les mots. Les outils de LireCouleur permettent de colorier un seul mot ou un texte complet de façon à attribuer une même couleur à tous les graphèmes d'un son. Ils permettent également de séparer les syllabes des mots, de mettre en évidence les lettres muettes ou les liaisons. Si le codage des sons ou des syllabes tel qu'il est proposé ne vous convient pas, il est très facilement possible de le modifier par l'intermédiaire des styles de caractères. Une version en ligne de LireCouleur existe depuis peu. Elle peut être utilisée directement dans un navigateur.
Cartable fantastique	Cartable fantastique	Parmi les « Outils pour compenser » de l'association Cartable fantastique, on trouve cette extension pour LibreOffice qui ajoute 3 barres d'outils dont l'utilisation est décrite en vidéo.
Photo Album	https://extensions.openoffice.org/en/project/photo-album-gui	Permet de fabriquer automatiquement un diaporama avec toutes les images stockées dans un dossier, à raison d'une image plein écran par diapositive. Démarche avec LibreOffice : Une fois l'extension installée et Libre/OpenOffice redémarré, créer un diaporama sans mise en page (vierge) ; dans le menu « Insertion » ➙ « Médias » ➙ « Album photo » cliquer sur « Ajouter » et choisir le dossier contenant les images ; sélectionner les images en utilisant le maj-clic ou le ctrl-clic pour faire une sélection ; ordonner les images et cliquer sur « Insérer des diapos » pour terminer ; chaque image est chargée dans une diapo ; Par cliquer-glisser, modifier éventuellement l'ordre des diapos ; Supprimer les diapos non voulues par par « Clic-droit » ➙ « Supprimer la diapo » ; C'est prêt... Remarque, les images sont liées et non insérées, ce qui est problématique si on veut déplacer ou envoyer notre présentation. On remédie à cela par le menu « Outils » ➙ « Réduire la présentation » qui va insérer les images. Vidéo - Téléchargement, installation et utilisation de « Photo Album with Gui »
	https://extensions.libreoffice.org/fr/extensions/show/dmaths	Permet d'insérer dans Writer des opérations posées, des patrons de solides, des camemberts, des axes gradués, des quadrillages, des réseaux de points, des figures géométriques...
Magenta 2D Chart	https://extensions.libreoffice.org/extensions/magenta-2d-barcode	Cette extension n'est plus très utile depuis la version 6.4 de LibreOffice (janvier 2020) qui permet de créer des QR codes directement depuis le menu « Insertion » → « Objet » → « QR code ». Mais elle permet de créer des QR Code dans le traitement de texte. Le texte est remplacée par le QR Code : Sélectionner le texte ; Cliquer sur l'icône de Magenta 2D Barcode ; Sélectionner la dimension du code à générer