Waielbi

Les agendas de la Messagerie Nationale sur Android

Waielbi — 2026-01-20T11:12:19Z

Voilà une fonctionnalité qu'on attendait depuis fort longtemps : la création, la synchronisation et le partage d'agendas de façon institutionnelle pour les enseignants. Aussi bien en circonscription que dans les écoles, l'utilisation d'agendas en ligne et la synchronisation avec le matériel mobile est indispensable.

Voilà donc une possibilité institutionnelle : le Zimbra de la messagerie nationale propose des fonctionnalités dans son Calendrier. Voyons comment synchroniser ces agendas avec notre matériel Android...

Première étape : créer ses agendas dans la messagerie nationale

Par défaut il existe un calendrier dont le nom est « Calendrier », il n'est a priori pas possible d'en modifier le nom. On peut aussi en créer d'autres et les personnaliser avec des couleurs en se connectant à son compte : https://messagerie.education.gouv.fr


Liste des agendas dans Messagerie Nationale

Deuxième étape : créer un mot de passe pour la synchronisation d'agendas

Si un mot de passe à été créé pour configurer un client mail sur le même appareil, on peut le réutiliser, si comme moi on ne l'a pas noté, il faut en créer un nouveau...
Pour cela :

se rendre dans « Préférences » par le menu horizontal haut de la messagerie nationale
cliquer sur « Mots de passe sécurisés » dans le menu de gauche
s'identifier avec le bouton « Connexion »
cliquer sur le bouton « Créer un mot de passe d'application » nommer ce mot de passe comme dav_mobile ou agenda_smartphone par exemple et copier (ou mieux, garder ce mot de passe en sécurité).

Troisième étape installer DAVx

L'appli DAVx va se charger de synchroniser en tâche de fond les agendas et les contacts entre l'appareil et la messagerie.
Pour l'installer :

télécharger l'appli sur F-Droid ou sur le magasin Google en suivant ce lien
lancer l'appli
1. À la première utilisation, donner toutes les autorisations à l'application
2. Sur l'écran suivant, autoriser aussi les synchronisations régulières
Créez un compte avec le bouton « + » (Ajouter un compte) en utilisant ces paramètres :
1. Choisir connexion standard (url et nom utilisateur)
2. « URL de base » : https://messagerie.education.gouv.fr
3. Nom d'utilisateur, c'est l'adresse au format prenom.nom@ac-xxx.fr
4. le mot de passe copié précédemment
Nommer le compte comme l'adresse mail par le menu déroulant dans le champ « Nom du compte »
Cocher les calendriers à synchroniser :

Cocher les calendriers à synchroniser
Cocher éventuellement le carnet d'adresse « Contact » pour le synchroniser

Cocher « Contacts » pour synchroniser le carnet d'adresse de la messagerie

Une fois DAVx installée et paramétrée, on l'oubliera. Elle se lance et fonctionne en tâche de fond à chaque redémarrage.

Quatrième étape : opter pour l'agenda libre Etar

Votre smartphone a déjà un agenda ? Sinon, il est temps de choisir une appli opensource : Etar.

Etar est une appli Android libre pour la création et la synchronisation d'agendas,
à télécharger ici

Une fois installée l'appli affichera les agendas déjà présents sur l'appareil ainsi que ceux synchronisés par DAVx :

À partir de là on peut afficher et créer des événements sur tous les agendas synchronisés.

Cinquième étape : fignoler en important des agendas utiles

Le calendrier des vacances scolaires par zone, les dates de virements des salaires, ... on peut ajouter de nombreux éléments utiles à nos agendas pro : plus dans ce tutoriel « Messagerie Nationale - Calendrier »

Tant qu'on y est : on synchronise les contacts ?

Si la synchro de contact a été cochée en installant DAVx, c'est déjà fait : vos contacts de la Mess'Nat' sont déjà arrivés sur le smartphone... à condition bien-sûr que l'appli de contacts de cet appareil support le protocole de synchronisation. Et... là on a une appli OpenSource qui fait le job : Fossify Contacts. Et si vous avez utilisé la Moulinette ONDE-Vard, vous n'aurez pas besoin d'importer les contacts des parents dans la Messagerie Nationale puis de recommencer dans le smartphone, DAVx le fera pour vous.

À suivre

Il nous reste à explorer les possibilités de partage du calendrier de la Messagerie Nationale...

Mémo OpenStreetMap

Waielbi — 2024-05-31T12:50:33Z

Cet article n'intéressera probablement que moi-même, mais sait-on jamais... Un peu comme je l'ai fait avec « Petit répertoire de commandes pour un terminal », je fais cet article pour moi car même avec un dossier de marque-page OSM, je cherche souvent les mêmes pages et références OSM à mesure que je cartographie. J'ai donc essayé de ranger mes ressources OSM.

Consultation

https://openstreetbrowser.org carte par thème
https://cartes.app
Extraire des données GéoDataMine
PdfMapMaker Créer des cartes PDF directement depuis le site ou à partir d'un fichier geojson exporté depuis GéoDataMine
F4 Map : OSM en 3D

Bâtiments

Les toits - roof:shape ;
Les toits « OSM-4D » ;
relation:multipolygon : outer vs inner, les bâtiments à trous et patio ;
Les classements patrimoniaux :
- key:heritage et key:ref:mhs
- l'outil POP pour trouver l'identifiant mhs (Mérimée ID dans Wikidata).

Circulation

Panneaux traffic_sign
page signalisation
Zones 30 et autres zones de limitation
OSM Relatify pour vérifier les lignes de bus
BANO - les rues problématiques ou manquantes
La Base d'Adresses Nationale, la liste des voies par communes avec la numérotation

Horaires

opening_hours ;
L'outil YoHours et son interface

Les autres trucs

StreetCompleteness, l'état de complétude d'une ville ;
How Did you contribute ? de neis-one avec les liens vers les anomalies détectées par osmose

Héberger du son en ligne

Waielbi — 2023-01-17T18:23:38Z

Voici le problème : j'ai un enregistrement audio que je souhaite mettre en ligne pour qu'il soit lu par une tablette via un QR Code ou pour créer une activité LearningApps. Il faut que je puisse verser ce fichier en ligne et récupérer facilement son adresse (url) afin de l'utiliser...

Les solutions proposées ici ne devraient pas poser de problème sur le plan du RGPD car elles reposent sur des services compatibles. Reste à ne pas y déposer de données personnelles ou à ne pas utiliser ces fichiers, une fois mis en ligne, dans des solutions non respectueuses.

Nuage / Nextcloud

Verser le fichier sur Nuage (voir « La Boite »), partager par lien et récupérer le lien par le bouton , c'est aussi simple... Mais cela ne fonctionne pas pour LearningApps car le fichier est partagé dans un lecteur où LearningApps ne sait pas trouver le fichier audio. En revanche pour un code QR, cela fonctionne très bien.

verser le fichier pour le partager par lien, le lien est automatiquement copié dans le presse-papier : ;
le lien est utilisable dans une publication, un mail ou pour créer un QR Code :

QR Audio

Le stockage de médias du compte utilisateur Apps.education.fr

Une fois que j'ai créé mon compte apps.education.fr, je dispose de 100Mo pour stocker des fichiers qui servent à alimenter mes publications ou mes « pads avancés - CodiMD », voir cette page.

sur le portail d'apps-education.fr, cliquer sur le menu déroulant à côté de l'avatar (en haut à droite) et choisir « Stockage de médias » :
téléverser le fichier à l'aide du bouton « + » et copier le lien à l'aide du bouton :
et voilà, le lien est utilisable même dans LearningApps :
exemple.

PeerTube institutionnel

Utiliser un site de partage vidéo pour héberger de l'audio ? Oui, PeerTube fonctionne très bien avec des fichiers audio (mp3, m4a, ...). En réglant la visibilité sur « Non listée », le fichier ne sera pas visible par les autres utilisateurs.

une fois connecté à l'une des instances de « Portail tubes », téléverser le fichier audio par le bouton en précisant de ne pas lister le fichier :
publier la « vidéo » ;
cliquer sur le bouton → sous la vidéo :
copier le lien de téléchargement. Ce lien est un lien de téléchargement, utilisé tel quel il va donc enregistrer le fichier sur le PC ou la tablette sans le lire ! (test), mais utilisé dans LearningApps il fonctionne très bien
.

Digipad

On peut aussi se créer un Digipad de La Digitale qui servirait à héberger nos fichiers audio. Une fois connecté à son compte Digipad, créer un pad en accès privé.

Téléverser les fichiers audio sur le pad après leur avoir donné en nom. Créer éventuellement des colonnes en guise de dossiers pour organiser les fichiers :
;
cliquer sur un fichier fait apparaître le lecteur audio, on récupère le lien par un clic-droit → « copier le lien du fichier audio » ( Firefox) :
;
Exemple.

Digirecord

La Digitale propose aussi une webapp qui sert à enregistrer et partager du son. On peut donc enregistrer une consigne, un chant, un message, ... directement sur DigiRecord et obtenir un lien pour créer un QR Code. Pour que cela fonctionne avec LearningApps, il faudra faire un clic-droit sur le lecteur audio pour récupérer le lien :

Exemple direct, exemple avec le lien du fichier audio

Moulinette ONDE-vCard

Waielbi — 2022-05-19T06:12:27Z

Un outil et des procédures pour extraire les coordonnées des parents d'ONDE et les importer vers la messagerie académique ou le smartphone de l'école. Mis à jour pour suivre la récente mise-jour-d'Onde en v2.

ONDE sait envoyer des mails aux familles directement et c'est très pratique, mais c'est réservé aux directeurs... et ça ne gère pas les appels téléphoniques.
Les enseignants ont aussi besoin de récupérer ces adresses mails pour les importer dans leur messagerie académique.
Cet outil permet aussi d'importer les contacts téléphoniques dans un smartphone et de les grouper par classe.
Basé sur du js, l'outil de cette page travaille en local sans rien envoyer à un serveur, discret et efficace.
Il regroupe les adresses des parents par classes en ajoutant le nom de la classe de Onde comme « organisation » dans les fiches des contacts .
Pour les écoles équipées de smartphones, il est tentant d'utiliser les services de Google Contacts mais il envoie les données personnelles sur les serveurs de Google sans qu'on sache vraiment ce qu'elles deviennent... pas conforme au RGPD. Alors on préférera une application de gestion de contacts comme Fossify Contacts

Voici l'outil, cliquez sur la moulinette... Quelques indications d'utilisation y sont présentes. On peut facilement le télécharger pour l'utiliser hors-ligne avec le lien en bas de page :

Dans cet article, on utilise les outils suivants :

Thunderbird, client de messagerie libre ;
RoundCube, webmail académique ;
La messagerie nationale Zimbra ;
l'appli Simple Fossify Contacts.

Installer et desinstaller des applis Android

Waielbi — 2021-12-11T18:46:22Z

Différentes façons d'installer et de désinstaller des applications sur du matériel Android. Ici on n'abordera pas les MDM [1] parce que je n'en ai pas utilisé sur Android...

Installer sur un appareil

Les magasins

La méthode la plus classique est l'installation depuis un magasin (ou dépôt). Pour cela il faut une application correspondant au magasin d'applis.

Pour Google, c'est l'app Play Store
Le matériel Samsung a l'app Galaxy Store
Pour le magasin d'apps libres F-droid, c'est F-Droid
etc...

Certaines applications ne sont disponibles que sur un magasin. Par exemple, pour mettre à jour l'explorateur de fichiers d'une tablette Samsung, il faudra lancer Galaxy Store... du coup les utilisateurs de Samsung auront intérêt à conserver Galaxy Store.

D'autres sont présentes sur plusieurs magasins, Firefox par exemple est présent sur les 3 cités plus haut. S'il a été installé par l'un, il peut être mis à jour par un autre sans problème.

C'est l'avantage des magasins et de leur applis : ils gèrent les mises à jours.

Pour installer une appli, c'est facile :

on lance l'appli qui correspond au magasin ;
on cherche l'appli par mots clés ou par catégorie ;
on déclenche l'installation par un bouton « Installer »
on peut recommencer pour une nouvelle app avant l'installation complète de la précédente, une liste se créé qui s'exécute en tâche de fond.

NB : l'application du magasin tient compte de la version d'Android nécessaire. On peut voir une appli depuis un PC sur Play Store et ne pas la retrouver sur l'app Play Store d'une tablette si elle ne supporte pas cette version d'Android. Par exemple, on ne trouvera pas Firefox dans le Play Store d'une tablette sous Android 4.

Manuellement

Certaines applis ne figurent pas (ou plus) sur les dépôts. Il faut les installer « manuellement ». Pour cela, on a besoin de télécharger le fichier d'installation qui est une archive avec l'extension apk. À la fin du téléchargement, si on clique sur « Ouvrir », on devrait avoir un message comme « À des fins de sécurité, l'installation d'applications inconnues provenant de cette source n'est pas autorisée sur ce téléphone » suivi de deux boutons : « Annuler » et « Paramètres ».	Exemple, télécharger l'apk de Tuxbot
Il faut donc autoriser cette installation dans le matériel car elle est désactivée par défaut. L'autorisation correspond à une application « installatrice ». En d'autres termes : on doit demander à Android d'autoriser telle ou telle application à déclencher l'installation de fichiers apk. Dans la capture ci-contre, seules « Drive » et « Mes Fichiers » peuvent le faire. En cliquant sur « Paramètres » dans le message cité plus haut on peut autoriser notre navigateur à installer les apk.	Android - Paramètres/Sécurité/Installations applis inconnues
Une fois le fichier ouvert avec une appli autorisée (ici Mes Fichiers) Android nous propose l'installation :	Installation d'un apk

Sur du matériel scolaire, où l'on souhaite contrôler ce qui est installé, cette fonctionnalité est une faille mais on peut la « bloquer » comme les applis des dépôts en la cachant derrière un mot de passe avec des applis comme « AppLock ».

Une appli installée par un apk qui n'est pas géré par un magasin ne sera pas mise à jour. Il faudra se rendre sur le site de l'auteur pour vérifier si des mises à jour ont été publiées et comparer les versions.

Les Progressive Web Apps - PWA

Ces applis PWA n'en sont pas vraiment [2]. Par exemple BookCreator ou Beneylu ne se trouvent pas dans les Stores ni sur les sites de leurs éditeurs. Ce sont en fait des sites, mais si on s'y rend avec le navigateur Chrome, il propose de les installer.

Cela créé des raccourcis qui lancent le site dans Chrome en plein écran sans son habillage (pas de menu).

Évidemment les PWA ne fonctionnent pas hors-ligne.


Installer les PWA

Installer à distance

Le matériel Android est lié à un compte Google. On peut installer à distance (si le matériel est connecté) en se connectant à Play Store depuis un PC connecté au même compte.
Alors, depuis la fiche d'une appli, on peut cliquer sur « Installer » et sélectionner le matériel relié au compte sur lequel installer. Dans la copie d'écran ci-contre les tablettes grisées ont un système trop vieux sur lequel on ne peut installer l'appli choisie.

Ensuite le mot de passe sera demandé avant de pouvoir installer (quasiment pour chaque app et chaque appareil).


Installer depuis le Play Store depuis un PC

Récupérer l'apk d'une appli installée

Pourquoi faire ? Par exemple pour installer une application qui a disparu du Store mais qui existe dans une de vos tablettes, comme Wiktionnaire ou la version de Firefox compatible avec de vielles tablettes.

Pour extraire un apk d'une tablette, on a besoin d'une application qui propose cette fonctionnalité. Il y en a de nombreuses. d'APK Installer est un bon choix car elle propose d'autres fonctionnalités intéressantes abordées plus loin. La méthode d'extraction d'apk est décrite sur la page de l'outil.

Désinstaller

Pour désinstaller une appli, on peut :

glisser son icône sur une boite « Désinstaller » ;
appuyer longtemps sur l'icône et choisir « Désinstaller » ;
taper « Désinstaller » sur l'application dans la liste « Applications » des paramètres.

Désinstaller vs désactiver

Pour un matériel donné, certaines applications ne sont pas désinstallables, on peut seulement les désactiver.

Désactivée, cela signifie que l'appli est arrêtée (elle ne travaille plus et n'occupe plus de mémoire vive) et que son icône est cachée de la liste des applis mais qu'on peut la réactiver. Cela implique aussi que l'espace de stockage qu'elle occupe ne peut être libéré.

Et puis, certaines ne sont même pas désactivables...


3 statuts différents pour les apps Android

Pour désactiver une appli selon la version Android :

appuyer longtemps sur l'icône puis choisir « Désactiver » ;
taper « Désactiver » sur l'application dans la liste « Applications » des paramètres.


Android désactiver une app

Désinstaller un lot d'applis

Faire le ménage s'impose parfois... À partir de la version 7 ou 8 d'Android, on peut sélectionner plusieurs apps avant de demander leur désinstallation. Pour cela :

appuyer longtemps sur l'icône de la première ;
cocher « Select. éléments » ;
sélectionner les autres apps à supprimer en les cochant ;
taper sur « Désinstaller » ;
une validation est ensuite demandée pour chaque désinstallation/désactivation.


Android désinstallation groupée

Depuis un PC

La méthode est décrite sur la page d'APK Installer.

Installer sur plusieurs appareils

Normalement pour réaliser ces tâches (ainsi que la gestion d'une flotte de tablettes), on devrait utiliser un MDM qui facilite grandement les choses en plus de sécuriser les appareils. Mais à 30-40€ par tablette et par an, les MDM se font assez rares.

Alors il faut bricoler, mais l'enseignant a l'habitude...

Samsung

Non ce n'est pas de la pub. La marque met a disposition une appli Android, iOS et PC qui permet de transférer un certain nombre d'éléments d'une tablette à une autre, dont les applis ce qui nous intéresse.

Ce n'est pas une appli de clonage car elle ne fait qu'ajouter les applis dans l'appareil cible sans supprimer celles qui ne sont pas dans la source. Donc, si notre but est de faire des tablettes identiques, on commencera par nettoyer les tablettes cibles (celles où l'on veut installer le lots d'apps). Pour cela on utilise les méthodes détaillées plus haut.

Une fois les cibles prêtes, il y a 3 méthodes qui sont toutes détaillées dans la page SmartSwitch.

Les autres marques

Le moyen bricolo le plus rapide est de manipuler les apk. Le plan général est :

extraire les apk de la tablette modèle ;
les copier sur les cibles ;
les installer.

Pour cela on va se servir d'ApkInstaller, voir le tuto sur la page de l'outil.

Il y a aussi l'astuce Nova Launcher, décrite sur cette page, mais elle ne fonctionne qu'avec les apps du Play Store...

[1] Mobile Device Management - Gestionnaire de matériel mobile en français. Wikipédia : https://fr.wikipedia.org/wiki/Mobile_device_management

[2] PWA : https://fr.wikipedia.org/wiki/Progressive_web_app

Projeter une tablette ou un smartphone

Waielbi — 2021-11-11T17:00:55Z

Wifi, Chromecast, AirPlay, applis à installer, ... comment projeter une tablette en classe en fonction du matériel disponible ?

Pour tenter de résumer les différentes méthodes envisageables, voici un diagramme : (cliquer sur l'image ci-dessous pour agrandir... )

Sur la même idée que cet organigramme, j'ai essayé de présenter les choix possibles dans ce diaporama interactif Sozi (cliquer sur la 1ere diapo puis sur les boutons de choix) :

;

Comparaison

Solution	Intérêts	Limites	Procédure	Remarque
Vidéoprojecteur Miracast	Pas d'installation d'application	Android seulement La tablette peut perdre la connexion internet quand elle est connectée au projecteur	Activer la projection sans fil sur le projecteur Caster depuis la tablette par le volet des raccourcis	– Miracast ? Vous voulez dire Chromecast, non ? – Non, non [1]
Vidéoprojecteur Airplay	Pas d'installation d'application	iOS seulement	Activer la projection sans fil sur le projecteur Lancer la recopie d'écran depuis l'iPad	Il n'est pas rare que les projecteurs Miracast soient aussi compatibles AirPlay (Polaroid, LG, Xiomi, ...)
Vidéo projecteur Chromecast	Permet de caster n'importe quel PC du réseau par le navigateur Chrome	Nécessité d'installer Google Home En cas de proxy, penser à le contourner	Voir cette page	On parle ici de projecteur qui ont nativement la fonction Chromecast sans ajouter de clé, comme les projecteurs sur batterie (Xgimi Halo, Vivibright J20, ...). Voir le tutoriel : exceptions proxy
Vidéoprojecteur Espon avec option wifi	Appairage simplifié par QR Code iOS et Android (et Windows) Permet le pilotage du PC depuis un VPI en mode sans fil	Installer l'application iProjection La tablette perd la connexion wifi dès quelle se connecte au projecteur Annotation des images projetées dans l'application	Voir cette page	Sensiblement la même procédure avec les autres marques BenQ, SmartBoard, ...
Clé Anycast ou Chromecast	Peu onéreux (20€ pour Anycast) iOS + android (Anycast)	La tablette perd la connexion wifi dès quelle se connecte à la clé	Brancher la clé sur le port HDMI Alimenter la clé avec le câble USB qui fait aussi antenne wifi Projeter le port hdmi correspondant (source) Le projecteur affiche le nom et le mot de passe du réseau wifi créé Connecter la tablette à ce réseau Caster (Android) ou recopier l'écran (iOS)	Tutos en ligne : https://any-cast.com/pages/video-guide https://www.stimart.com/olympiades/doc/dongle/dongle_anycast.pdf https://support.google.com/chromecast/answer/6006232?hl=fr
AppleTV	Facile à utiliser	Cher 150-220€ nécessite une appli sur Android	Projeter le port hdmi correspondant (source) Recopie d'écran (ios) ou lancer l'appli adaptée sur Android et caster	Tutos : https://support.apple.com/fr-fr/HT204289
Boîtier Android TV	Facile à utiliser Possibilité d'installer certaines applications Android et de s'en servir directement avec la télécommande	20-200€ selon les modèles Vérifier que la fonctionnalité Miracast est proposée au lieu de Chromecast seul afin de diffuser l'écran entier et pas seulement le son ou les vidéos Nombreuses sollicitations commerciales (Catalogue de vidéos Google, Nextflix, ...) Android TV, peu adapté à l'école	Projeter le port hdmi correspondant (source) Diffuser l'écran Android par le bouton caster du volet de raccourcis ou installer Google Home Recopie d'écran (ios) après avoir installé l'application
Connexion filaire en HDMI avec un adaptateur	Dans les 30-40€	Déplacements limités par le fil	Connecter l'adaptateur à la tablette et au câble HDI Projeter le port hdmi correspondant (source)	Le port HDMI utilisé doit être « MHL » [2]
PC avec wifi et Miracast activé	Gratuit Facile Souris et clavier actifs Audio redirigé (si le projecteur a un haut-parleur) Fonctionne sur un « PC de bureau » avec une clé USB wifi peu chère [3]	Pas pour iOS	Voir cette page
LetsView sur PC sur un réseau avec une borne wifi (le pc n'a pas besoin d'avoir une carte wifi)	Gratuit Fonctionne pour Android et iOS Fonctionne aussi dans l'autre sens Permet d'enregistrer facilement l'écran de la tablette (capsules vidéo et tutos)	Nécessite une règle de pare-feu Windows, créée automatiquement à l'installation	Voir cette page
Screen Stream avec PC sur un réseau avec une borne wifi (le pc n'a pas besoin d'avoir une carte wifi)	Gratuit Pas d'installation de logiciel sur le PC Rapide et facile	Fonctionne pour Android seulement Pas de son	Voir cette page
ChingView2 de la tablette vers le PC	Gratuit Fonctionne sur tous matériel dès qu'un navigateur et une caméra existent Outils d'annotation, d'enregistrement et d'export	Seulement des photos, pas l'écran de la tablette	Voir cette page
Ma Cam Doc	Simple Fonctionne sur tous matériel dès qu'un navigateur et une caméra existent	Seulement une photo, pas l'écran de la tablette	Voir cette page
Scrcpy sur un PC avec la tablette connectée	Gratuit Facile et rapide, ne nécessite pas de droits administrateur sur le PC	Seulement Android, pas iOS Déplacements limités par le fil	Voir cette page

[1] Miracast par Wikipédia : https://fr.wikipedia.org/wiki/Miracast et Miracast vs Chromecast : https://commentgeek.com/chromecast-miracast-quelle-difference-lequel-meilleur/

[2] MHL par Wikipédia : https://fr.wikipedia.org/wiki/Mobile_High-definition_Link

[3] Comme la clef wifi TP-LINK Archer T2U Nano à 18€

Afficher, modifier et oublier un mot de passe du navigateur

Waielbi — 2021-03-23T09:56:41Z

Les navigateurs proposent d'enregistrer les identifiants et mots de passe des sites visités. Oui mais si je veux les afficher ? Et comment modifier ou supprimer un des identifiants ou un mot de passe enregistré ?

Préalables

L'accès aux mots de passe enregistrés et souvent conditionné par le mot de passe utilisateur en particulier sur les appareils mobiles.
Lorsque les navigateurs sont connectés à un compte (Sync de Firefox ou Chrome) les modifications sont normalement propagées sur tous les navigateurs connectés au compte : si je supprime un mot de passe sur une tablette d'école, il sera aussi supprimés sur toutes les autres...

Pour Chrome on peut aussi modifier en ligne les identifiants enregistrés, cela se fait via cette adresse : https://passwords.google.com/ en se connectant au compte Google correspondant.
Avec Firefox, on peut vérifier quel matériel est connecté à un compte en se connectant cette adresse https://accounts.firefox.com/, plus d'informations sur les comptes Firefox sur cette page « Synchroniser les Firefox d'une classe avec Sync ».

Pour supprimer tous les mots de passe d'un navigateur, il faut supprimer l'historique complet.

Sommaire

Sur PC

Chrome / Chromium

Cliquer sur le bouton des trois points verticaux puis sur « Paramètres » et cliquer sur « Mots de passe » :

Chrome - PC - Mots de passe enregistrés
rechercher par l'identifiant ou par l'adresse internet, et cliquer sur le bouton au bout de la ligne de l'identifiant puis sur « Supprimer », pour modifier le mot de passe ou l'identifiant on clique sur « Modifier le mot de passe » :

Chrome - PC - Supprimer un identifiant

Firefox

Cliquer sur le bouton « hamburger » puis sur « Identifiants et mots de passe » :

Firefox afficher les identifiants enregistrés
Rechercher l'identifiant à modifier par son login ou son adresse et cliquer dessus, on peut alors l'afficher, le modifier ou le supprimer :

Firefox agir sur les identifiants enregistrés

Sur Android

Chrome / Chromium

Chrome pour Android ne permet pas de modifier les identifiants et mots de passe, on peut par contre les afficher et les supprimer.

Taper sur le bouton puis sur « Paramètres » :

Chrome Android - Paramètres
Taper sur « Mots de passe », puis taper sur le site pour lequel on souhaite supprimer le mot de passe enregistré :

Chrome Android - Gérer les mots de passe
Taper sur la poubelle pour supprimer l'enregistrement :

Supprimer le mot de passe enregistré

Firefox

Taper sur le bouton puis sur « Paramètres » :

Firefox Android - Oublier un mot de passe
Choisir « Identifiants et mots de passe » puis « Identifiants enregistrés » :

Firefox Android - Identifiants enregistrés
Si un mot de passe a été défini pour le terminal, il sera demandé par l'appli. Ensuite, si les enregistrements sont nombreux, chercher par le site ou par l'identifiant, puis taper sur la ligne correspondante :

Firefox Android - chercher un identifiant enregistré
Une fois l'identifiant affiché, taper sur puis choisir « Modifier » ou « Supprimer » :

Firefox Android - afficher et supprimer un identifiant

Sur iOS

Chrome / Chromium

Taper sur le bouton « » en haut à droite de l'écran, puis sur « Paramètres » :

Chrome - iOS - Paramètres
Taper sur « Mots de passe » :

Chrome - iOS - Vers les identifiants enregistrés
Filtrer l'identifiant recherché par l'url de son site ou par quelques caractères de l'identifiant, puis taper sur l'identifiant :

Chrome - iOS - Identifiants enrégistrés
Taper sur « Supprimer » puis valider en tapant sur « Supprimer le mot de passe » :

Chrome - iOS - Supprimer l'identifiant

Firefox

Taper sur le bouton « hamburger » en haut à droite puis sur « Identifiants et mots de passe » :

Firefox - iOS - Identifiants enregistrés
Filtrer la liste par l'url du site ou par l'identifiant, puis taper sur l'identifiant pour l'afficher :

Firefox - iOS - Chercher et afficher un identifiant
Modifier ou supprimer l'identifiant :

Firefox - iOS - Modifier ou supprimer un identifiant

Safari

Lancer l'appli « Réglages », aller à la rubrique « Mots de passe » et taper sur l'identifiant à supprimer. On peut rechercher dans la liste par l'identifiant ou par l'url du site :

Safari - iOS - Afficher les identifiants enregistrés
Taper sur supprimer puis valider la suppression :

Safari - iOS - Suppression d'un identifiant

Créer une image 360° pour un Thinglink

Waielbi — 2021-03-15T21:38:39Z

Utiliser Thinglink pour créer une visite virtuelle de l'école, de la classe, du jardin,... est un projet intéressant. On va pouvoir enrichir l'image de nombreux médias : sites, images, textes, vidéos, sons, ... et les visiteurs pourront explorer l'image et afficher ces différents supports.
Dans la création d'une page, Thinglink propose la création à partir d'une image à 360° mais il y a quelques règles à respecter...

Thinglink et les « hypermédias »

Qu'est-ce que c'est ? Thinglink est une application web qui permet de publier une image et de l'enrichir. Voici un exemple sur ce lien : exemple.

À quoi ça sert ? Voici une réponse en vidéo par Canopé :

Panoramique 360° ?

Au moment de la création d'une page Thinglink on peut choisir « 360° image or virtual tour » avec ce bouton.
On aura alors une image de fond dans laquelle on peut se déplacer. On y incruste ensuite des points d'intérêt par le bouton « Ajouter un étiquette » ce qui permet :

d'ajouter du texte, de l'audio, ...
d'intégrer une page web par une iframe
de lier un autre 360° Thinglink pour créer un « Tour », c'est à dire un lien vers la pièce d'à côté si on se base sur l'exemple d'une visite virtuelle.
Une fois terminée, il est possible d'intégrer la page via un iframe, comme ceci :

Visit my place.

Créer l'image 360°

Dans ce domaine, l'utilisation des appareils mobiles facilite grandement l'opération. De nombreux fabricants de tablettes et smartphones ont une application « appareil photo » qui réalise cette capture.

Si comme sur mon smartphone, votre appli « native » d'appareil photo ne le faisait pas, il y a de nombreuses applications à le proposer sur les magasins d'applications, comme P360 sur Android.

Sur PC, c'est plus complexe, il faudra travailler avec un pied photo pour réaliser des photos autour du même axe sur des angles de vue qui se chevauchent. Ensuite, on devra installer l'application Photo Stitch de Canon ou des plugins pour Gimp ou encore l'appli Hugin pour assembler toutes les photos en une seule...

Modifier l'image panoramique pour Thinglink

Une fois l'image panoramique souhaitée capturée, le parcours n'est pas terminé. Il faut que cette image réponde à certaines contraintes. Elles sont résumées dans la vidéo d'aide du site, voici un extrait :


Contraintes image 360° Thinglink

Soit :

le format jpg et rien d'autre ;
une dimension d'image de 8192x4096 pixels maximum ;
une forme d'image obligatoirement au ratio 2:1, c'est à dire deux fois plus large que haute.

Comme l'image est en général très large, bien au-delà du ratio 2:1, c'est une opération de recadrage un peu curieuse qui consiste déborder l'image et à créer du vide autour... Pour cela, je n'ai pas vu d'appli mobile qui propose cette transformation car elles proposent un recadrage DANS l'image et pas au-delà. Du coup, il faut utiliser un PC avec XnView ou Gimp. Voir cet article pour l'opération avec des captures d'écrans : « Transformer un panoramique au format 2:1 ».

Transformer un panoramique au format 2:1

Waielbi — 2021-03-15T20:47:12Z

Utiliser une image panoramique et la transformer au format 2:1 pour pouvoir l'utiliser avec certaines applications web.

Pourquoi ?
Avec XnView MP
Avec Gimp
Avec PhotoFiltre

Pourquoi ?

On vient de créer une image panoramique, c'est à dire une image dont la largeur dépasse le standard 3:2 des photographes pour aller jusqu'à 1:3, 1:5,... (trois fois plus large que haute, 5 fois plus large que haute,...). Voire créer une image « en 360° » c'est à dire la capture des 360° d'angle de vue qui entourent le photographe. C'est facile avec les appareils photos des smartphones et tablettes.

On souhaite à présent utiliser cette image dans une application telle Thinglink pour l'animer. Et là... ça ne fonctionne pas on me demande une image en 2:1.

On va donc ajouter des bandes noires (ou blanches...) au-dessus et en-dessous de l'image pour atteindre ce format 2:1 dans rogner dans l'image.


Transformer un panoramique au format 2:1

Avec XnView MP

Lancer XnView et ouvrir l'image à modifier :

Lancer XnView et ouvrir l'image panoramique
Redimensionner l'image sans déformation pour que la largeur soit paire et inférieure au maximum imposé par l'appli dans laquelle on compte l'utiliser :

Redimensionner l'image à une largeur paire
Menu « Image » → « Recadrage... » :

« Recadrage... » par le menu « Image »
Décocher « Conserver le ratio » et entrer la moitié de la largeur comme valeur de hauteur (ici 3500 pixels de haut pour 7000 de large), vérifier que la couleur de fond est bien le noir et régler la position sur « Centré » :

Redimensionner le canevas en 2:1
Enregistrer une copie de l'image avec « Enregistrer sous... » :

Enregistrer le résultat sans écraser l'original

Avec Gimp

Lancer Gimp et ouvrir l'image à modifier :

Lancer Gimp et ouvrir l'image panoramique
Redimensionner l'image sans déformation pour que la largeur soit paire et inférieure au maximum imposé par l'appli dans laquelle on compte l'utiliser :

Redimensionner l'image à une largeur paire
Par le menu « Image » → « Taille du canevas... », redimensionner en 2:1 en entrant une valeur de hauteur moitié de la largeur, décocher la chaîne qui lie les valeurs largeur et hauteur si elle était cochée, cliquer sur « Centrer » pour que la photo soit centrée verticalement dans l'image. Choisir « Couleur d'arrière-plan » dans « Remplir avec » et régler la couleur d'arrière-plan sur noir :

Redimensionner le canevas en 2:1
Si le haut et le bas de l'image sont transparents (damier), choisir « Aplatir l'image » dans le menu « Image » en ayant soins de régler la couleur d'arrière plan (sur noir par exemple) :

Applatir l'image
Exporter l'image en jpg avec « Fichier » → « Exporter sous... »

Avec PhotoFiltre

Lancer PhotoFiltre et ouvrir l'image à modifier :

Lancer PhotoFiltre et ouvrir l'image panoramique
Redimensionner l'image sans déformation pour que la largeur soit paire et inférieure au maximum imposé par l'appli dans laquelle on compte l'utiliser :

Redimensionner l'image à une largeur paire
Par le menu « Image » → « Taille de la zone de travail... », redimensionner en 2:1 en entrant une valeur de hauteur moitié de la largeur, cliquer sur le carré du centre dans « Position » pour que la photo soit centrée verticalement dans l'image. Choisir la couleur d'arrière-plan dans « Fond » :

Transformer un panoramique au format 2:1
Enregistrer une copie de l'image avec « Enregistrer sous... » :

Enregistrer le résultat sans écraser l'original

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.