retrouver son nas synology

Retrouver son NAS Synology sur le réseau local

Aujourd’hui, j’ai rebranché mon vieux Synology DS212, pour récupérer des fichiers dont les liens avaient expirés sur Internet et que je voulais remettre en ligne sur mon article Sons of Anarchy Wallpapers.

Le DS212 a été configuré du temps de la Freebox Révolution, qui gère les adresses IP locales depuis 192.168.0.x. Le problème est qu’aujourd’hui, avec la Freebox Pop, les adresses sont en 192.168.1.x.

Résultat: le DS212 est inaccessible car son DHCP a été configuré manuellement: il possède l’IP 192.168.0.12 alors que sur le réseau, ce devrait être 192.168.1.12. Impossible de le joindre donc.

Voici comment retrouver son NAS Synology sur le réseau local et changer son IP dans le DHCP de DSM, sans y avoir accès.

Trouver son Synology

Vous pouvez facilement trouver vos Synology depuis votre navigateur à l’adresse find.synology.com

Trouver son NAS Synology avec l'assistant web
Trouver son NAS Synology avec l’assistant web

Si l’IP du DHCP du NAS avait été correcte, j’aurais pu me connecter sans problème avec le bouton Connecter, mais ce n’est pas le cas.

Utiliser Synology Assistant pour changer les paramètres réseau du Synology

La solution est toute simple: nous devons utiliser l’utilitaire Synology Assistant, à installer sur votre machine, pour éditer la configuration réseau du Synology et lui assigner la bonne adresse IP.

Lire la suite

Speech Bubble Vector

CSS : des notes de bas de page sous forme de popup

Lorsque nous écrivons de longs articles, nous avons souvent besoin d’ajouter des notes de bas de pages – footnotes en anglais – pour donner une référence ou apporter un complément d’informations.

Il existe un moyen d’ajouter une note de bas de page en CSS, avec un effet popup.

Survolez le numéro qui s’affiche ici à pour voir la démo: ¹Voici un example de note de bas de page qui apparaît dans une popup, grâce à CSS :)

Une popup CSS pour vos notes de bas de page

Code HTML

Commençons par le code HTML. Nous avons besoin principalement d’un lien HTML et d’une balise span qui contiendra le contenu de notre footnote :

   <p>Voici un premier paragraphe avec une note de bas de page. <a class="footnote">&sup1<span>Coucou, je suis la note de bas de page numéro 1</span></a>
   </p>

   <p>Voici un deuxième paragraphe avec une note de bas de page. <a class="footnote">&sup1<span>Coucou, je suis la note de bas de page numéro 2 :)</span></a>
   </p>Code language: HTML, XML (xml)

Code CSS

Et voici notre code CSS pour créer la popup et afficher le contenu de nos notes de bas de page à l’intérieur, au survol de la souris:

a.footnote {
   text-decoration:none;
   background-color: #FEF6BB;
   padding-left: 2px;
   padding-right: 2px;
   margin-right: 2px;
   transition: all 2s ease;
} 

a.footnote span {
   z-index: -1;
   opacity: 0;
   position: fixed;
   left: 15px; 
   bottom: 20px;
   margin-left: 0px;
   margin-right: 18px;
   padding:14px 20px;
   border-radius:4px; box-shadow: 5px 5px 8px #CCC;
   border:1px solid #DCA;
   background-color: #FEF6BB;
   transition: all 2s ease;
}

a.footnote:hover span {
   z-index: 9;
   opacity: 1;
   transition: all 2s ease;
}Code language: CSS (css)

Dès que la souris n’est plus au-dessus du numéro de la note de bas de page, cette dernière disparaît avec un effet de fondu.

Résultat

Voilà ce que le code nous donne:

Voici un premier paragraphe avec une note de bas de page. ¹Coucou, je suis la note de bas de page numéro 1

Voici un deuxième paragraphe avec une note de bas de page. ²Hello World, je suis la note de bas de page numéro 2 :)

Matt

Et voilà, c’est très simple, en CSS pur mais c’est efficace et ne prend pas de ressources externes (pas de JS) – cela peut toujours servir!

Installer LineageOS (Android 9.0 Pie) sur le OnePlus One photo

Installer LineageOS (Android 11) sur le OnePlus One

Aujourd’hui, j’ai installé LineageOS (Android 11) sur mon OnePlus One, histoire de lui redonner un second souffle et de bénéficier des dernières mises à jour de sécurité Android.

Le OnePlus One (OPO) est sorti en mai 2014, il a donc quelques années derrière lui et tourne sous CyanogenMod 13, c’est-à-dire Android 6.0.1 (Marshmallow). Autant dire qu’il n’a pas vu de correctifs de sécurité depuis quelques années!

Si votre téléphone possède déjà LineageOS, vous pouvez vous rendre directement à l’étape 5.

Étape 1: activer le mode développeur

Sur le téléphone, on commence par activer le mode développeur:

  1. Ouvrez Paramètres > A propos du téléphone.
  2. Tapez 7 fois sur le numéro de build.
  3. Vous venez d’activer le mode développeur!

Grâce au mode développeur, vous avez maintenant accès à des options qui n’étaient pas visibles auparavant et qui vont nous être nécessaires.

Étape 2 : activer le mode déboggage USB

Pour activer le débogage USB:

  1. Ouvrez Paramètres > Système > Options pour les développeurs
  2. Activez l’option Débogage Android

Étape 3 : installation d’ADB

Android Debug Bridge (adb) est un outil de développement qui facilite la communication entre un appareil Android et un ordinateur. Cette communication s’effectue soit par câble USB, soit en WiFi.

Branchez votre OnePlus One en USB.

Téléchargez les derniers pilotes ADB issus du SDK Android puis décompressez l’archive.

Ouvrez le terminal, rendez-vous dans le répertoire platform-tools et listez ensuite votre téléphone avec cette commande:

./adb devices

Résultat:
List of devices attached
b4be4c53	deviceCode language: PHP (php)

Notre OnePlus One est bien détecté. On reboot en mode fastboot:

./adb reboot bootloader

On liste les appareils détectés par fastboot:

./fastboot devices

Résultat:
b4be4c53    fastboot

Attention, la commande suivante va effacer vos données donc pensez à sauvegarder les données importantes de votre téléphone avant!

On déverrouille le bootloader avec:

./fastboot oem unlock
                                                    OKAY [  0.168s]
 Finished. Total time: 0.168s

Lire la suite

Javascript : afficher le contenu d'un bloc HTML après un délai variable photo

JavaScript: sélectionner et désélectionner toutes les cases à cocher d’un coup

Il nous arrive souvent d’avoir toutes les cases (checkboxes) d’un formulaire ou d’un tableau à cocher.

Parfois, la fonctionnalité Sélectionnez tout / Désélectionner tout n’est pas implémentée donc voici comment faire, à l’aide de JavaScript.

Cocher toutes les cases

Supposons que toutes les cases à cocher de notre tableau se nomment post[], voici comment cocher toutes les cases, en utilisant vanilla JS :

var ele=document.getElementsByName('post[]');  
for(var i=0; i<ele.length; i++){  
  if(ele[i].type=='checkbox')  
    ele[i].checked=true;  
}  Code language: JavaScript (javascript)

Décocher toutes les cases

Inversement, on peut modifier le code précédent avec checked=false si l’on souhaite décocher toutes les cases:

var ele=document.getElementsByName('post[]');  
  for(var i=0; i<ele.length; i++){  
    if(ele[i].type=='checkbox')  
      ele[i].checked=false;  
  }Code language: JavaScript (javascript)

Fonction et bouton : Sélectionner tout

Maintenant, voyons comment nous pouvons intégrer notre code dans une fonction, que nous pourrons associer à un bouton “Sélectionner tout”:

function SelectAll(){  
  var ele=document.getElementsByName('post[]');  
  for(var i=0; i<ele.length; i++){  
  if(ele[i].type=='checkbox')  
    ele[i].checked=true;  
  }  
}  Code language: JavaScript (javascript)

Et notre bouton pourra être intégré comme ceci:

<input type="button" onclick='SelectAll()' value="Select All"/>  Code language: HTML, XML (xml)

Fonction et bouton : Désélectionner tout

Et le pendant: la fonction et le bouton qui permettent de désélectionner toutes les cases à cocher:

function deSelectAll(){  
  var ele=document.getElementsByName('post[]');  
  for(var i=0; i<ele.length; i++){  
    if(ele[i].type=='checkbox')  
      ele[i].checked=false;  
  }  
}      Code language: JavaScript (javascript)

Et voici le code HTML du bouton:

<input type="button" onclick='deSelectAll()' value="Deselect All"/>  Code language: HTML, XML (xml)

J’utilise souvent le premier bout de code sans les fonctions, ni le HTML (sauf si je développe une page d’options particulière), directement dans la console JavaScript du navigateur. C’est un gain de temps considérable sur certaines pages.

Bonnes sélections!

macos monterey wallpaper

Installer composer et PHP sous MacOS Monterey

Depuis la mise à jour MacOS Monterey (v12+) et pour toutes les versions à venir, Apple ne fournit plus de binaire PHP installé par défaut.

Si vous utilisez composer par exemple pour l’un de vos scripts ou plugin, voici le message d’erreur que vous pouvez obtenir:

composer update --no-plugins --no-scripts
env: php: No such file or directory

J’ai tenté pas mal de solutions, comme installer PHP avec brew mais cela n’a pas résolu le problème.

Error: Permission denied @ apply2files

C’est l’une des erreurs obtenues lors de l’installation de paquets avec brew, directement après la mise à jour vers Monterey:

Error: Permission denied @ apply2files - /usr/local/lib/node_modules/npm/node_modules/.bin/node-gypCode language: JavaScript (javascript)

Si cela vous arrive, c’est un problème de permissions sur le répertoire /user/local, la solution est simple, il faut redonner les bonnes permissions à votre utilisateur avec cette commande:

sudo chown -R $(whoami):admin /usr/local/* \
&& sudo chmod -R g+rwx /usr/local/*Code language: JavaScript (javascript)

Voilà déjà un problème réglé.

Installer composer sous MacOS Monterey

La véritable solution, toute simple finalement, est de réinstaller composer, qui se charge alors d’installer la version idoine de PHP.

On installe composer avec brew:

brew install composer

Résultat:


==> Downloading https://ghcr.io/v2/homebrew/core/php/manifests/8.1.0
Already downloaded: /Users/matt/Library/Caches/Homebrew/downloads/6dba7b955c116a258cc340994e9e9ed7dfdfe3ab7668f0f9adb5dfcdaaf303a2--php-8.1.0.bottle_manifest.json
==> Downloading https://ghcr.io/v2/homebrew/core/php/blobs/sha256:dbbf3f0e595af9a72f6dcf7fef1890c6152bf9fb1be83f166b467393176c4aa5
==> Downloading from https://pkg-containers.githubusercontent.com/ghcr1/blobs/sha256:dbbf3f0e595af9a72f6dcf7fef1890c6152bf9fb1be83f166b4
######################################################################## 100.0%
==> Downloading https://ghcr.io/v2/homebrew/core/composer/manifests/2.1.14
######################################################################## 100.0%
==> Downloading https://ghcr.io/v2/homebrew/core/composer/blobs/sha256:02f5fed3d67b82fb827078ffcd486a4a455d1f94e94d0701d779238d4e10903e
==> Downloading from https://pkg-containers.githubusercontent.com/ghcr1/blobs/sha256:02f5fed3d67b82fb827078ffcd486a4a455d1f94e94d0701d77
######################################################################## 100.0%
==> Installing dependencies for composer: php
==> Installing composer dependency: php
==> Pouring php--8.1.0.monterey.bottle.tar.gz
==> /usr/local/Cellar/php/8.1.0/bin/pear config-set php_ini /usr/local/etc/php/8.1/php.ini system
==> /usr/local/Cellar/php/8.1.0/bin/pear config-set php_dir /usr/local/share/pear system
==> /usr/local/Cellar/php/8.1.0/bin/pear config-set doc_dir /usr/local/share/pear/doc system
==> /usr/local/Cellar/php/8.1.0/bin/pear config-set ext_dir /usr/local/lib/php/pecl/20210902 system
==> /usr/local/Cellar/php/8.1.0/bin/pear config-set bin_dir /usr/local/opt/php/bin system
==> /usr/local/Cellar/php/8.1.0/bin/pear config-set data_dir /usr/local/share/pear/data system
==> /usr/local/Cellar/php/8.1.0/bin/pear config-set cfg_dir /usr/local/share/pear/cfg system
==> /usr/local/Cellar/php/8.1.0/bin/pear config-set www_dir /usr/local/share/pear/htdocs system
==> /usr/local/Cellar/php/8.1.0/bin/pear config-set man_dir /usr/local/share/man system
==> /usr/local/Cellar/php/8.1.0/bin/pear config-set test_dir /usr/local/share/pear/test system
==> /usr/local/Cellar/php/8.1.0/bin/pear config-set php_bin /usr/local/opt/php/bin/php system
==> /usr/local/Cellar/php/8.1.0/bin/pear update-channels
🍺  /usr/local/Cellar/php/8.1.0: 512 files, 79.9MB
==> Installing composer
==> Pouring composer--2.1.14.monterey.bottle.tar.gz
Error: The `brew link` step did not complete successfully
The formula built, but is not symlinked into /usr/local
Could not symlink bin/composer
Target /usr/local/bin/composer
already exists. You may want to remove it:
  rm '/usr/local/bin/composer'

To force the link and overwrite all conflicting files:
  brew link --overwrite composer

To list all files that would be deleted:
  brew link --overwrite --dry-run composer

Possible conflicting files are:
/usr/local/bin/composer
==> Summary
🍺  /usr/local/Cellar/composer/2.1.14: 3 files, 2.2MB
==> Running `brew cleanup composer`...
Disable this behaviour by setting HOMEBREW_NO_INSTALL_CLEANUP.
Hide these hints with HOMEBREW_NO_ENV_HINTS (see `man brew`).Code language: PHP (php)

Comme vous pouvez le constater dans les résultats précédents, le lien symbolique n’a pas été créé correctement donc nous allons le corriger à la main.

On teste notre commande avec --dr-run d’abord:

brew link --overwrite --dry-run composer
Would remove:
/usr/local/bin/composerCode language: JavaScript (javascript)

Tout semble bon, on crée le lien symbolique:

brew link --overwrite composer
Linking /usr/local/Cellar/composer/2.1.14... 1 symlinks created.

On reteste maintenant notre mise à jour de plugin via composer:

composer update --no-plugins --no-scripts

Loading composer repositories with package information
Updating dependencies
Nothing to modify in lock file
Writing lock file
Installing dependencies from lock file (including require-dev)
Nothing to install, update or remove
Generating autoload filesCode language: JavaScript (javascript)

Impeccable, composer et php sont de nouveau opérationnels sous Monterey.

Reconnaissance vocale vers l'éditeur de texte

Productivité : dictez vos textes au lieu de les taper au clavier

Un logiciel de reconnaissance vocale est une application qui utilise des algorithmes de reconnaissance vocale pour identifier le langage et le retranscrire en texte.

Voici un tour d’horizon des meilleurs moyens d’utiliser la reconnaissance vocale pour dicter vos messages et documents sous Windows, MacOS et Linux, le tout gratuitement.

La saisie vocale sous Windows

voice typing in windows 11

La saisie vocale de Windows 11 et 10 vous permet d’entrer du texte sur votre PC en parlant. La saisie vocale utilise la reconnaissance vocale en ligne, optimisée par Azure Speech Services.

Pour utiliser la saisie vocale, vous devez être connecté à Internet, utiliser un microphone et le curseur dans une zone de texte.

Une fois que vous activez la saisie vocale, elle commence à écouter automatiquement. Patientez pendant la « À l’écoute… » avant de commencer à parler.

Activer la saisie vocale

Appuyez Windows touche de logo+H sur un clavier matériel.

Appuyez sur la touche de microphone à côté de la barre d’espace sur le clavier tactile.

Arrêter la saisie vocale

Dites une commande de saisie vocale telle que « Arrêter l’écoute ».

Appuyez sur le bouton microphone dans le menu de saisie vocale.

Installer une langue de saisie vocale

Vous pouvez utiliser une langue de saisie vocale différente de celle que vous avez choisie pour Windows. Voici la marche à suivre :

1. Sélectionnez Démarrer > Paramètres > langue & et> langue & région.

2. Recherchez les langues préférées dans la liste, puis sélectionnez Ajouter une langue.

3. Recherchez la langue que vous voulez installer, puis sélectionnez Suivant.

4. Sélectionnez Suivant ou installez les fonctionnalités de langue facultatives que vous souhaitez utiliser. Ces fonctionnalités, notamment la reconnaissance vocale, ne sont pas nécessaires au travail de la saisie vocale.

Changer la langue de saisie vocale

Pour changer la langue de saisie vocale, vous devez modifier la langue d’entrée que vous utilisez. Procédez comme suit :

Sélectionnez le sélecteur de langue dans l’angle de la barre des tâches.

Appuyez Windows touche de logo + Espace sur un clavier matériel.

Appuyez sur le s basculer de langue dans le coin inférieur droit du clavier tactile.

Lire la suite

Les NFT et la blockchain photo

Les NFT et la blockchain

La blockchain

Une blockchain est fondamentalement une base de données partagée, c’est pourquoi elle est également connue sous le nom de grand livre (au sens de grand registre) distribué (bien que des grands livres distribués puissent reposer sur d’autres technologies).

La blockchain se différencie de la technologie traditionnelle des bases de données : au lieu d’une unique base gérée par un unique propriétaire qui partage les données, dans le réseau blockchain les participants au réseau ont leur propre copie de la base.

Le mécanisme de blockchain peut assurer un accord unanime sur le contenu correct des données, assurer la conformité des copies des données convenues et assurer l’absence ultérieure de tricherie par altération des données.

Cela permet à nombre de personnes ou d’entités — collaborateurs ou concurrents — de convenir d’un consensus sur des informations et d’enregistrer de manière immuable ce consensus de la vérité. Pour cette raison, la blockchain a été décrite comme une « infrastructure de confiance »

Que sont les NFT ?

NFT signifie Non-Fungible Token en anglais et token (ou jeton) non-fongible en français.

En économie, un actif fongible est quelque chose avec des unités qui peuvent être facilement échangées – comme l’argent.

Avec de l’argent, vous pouvez échanger un billet de 10 euros contre deux billets de 5 euros et il aura la même valeur.

Cependant, si quelque chose n’est pas fongible, c’est impossible – cela signifie qu’il a des propriétés uniques et qu’il ne peut donc pas être échangé avec autre chose.

Il peut s’agir d’une maison ou d’un tableau comme la Joconde, unique en son genre. Ou alors comme une carte à collectionner que vous échanger pour une autre.

Vous pouvez prendre une photo de la peinture ou acheter une impression, mais il n’y aura jamais qu’une seule peinture originale.

Les NFT sont des actifs « uniques en leur genre » dans le monde numérique qui peuvent être achetés et vendus comme n’importe quel autre bien, mais qui n’ont aucune forme tangible propre.

Les jetons numériques peuvent être considérés comme des certificats de propriété pour des actifs virtuels ou physiques.

Comment fonctionnent les NFT?

Les œuvres d’art traditionnelles telles que les peintures sont précieuses précisément parce qu’elles sont uniques en leur genre. Mais les fichiers numériques peuvent être dupliqués facilement et à l’infini.

Avec les NFT, les œuvres d’art peuvent être « tokenisées » pour créer un certificat de propriété numérique qui peut être acheté et vendu.

Comme pour la crypto-monnaie, un enregistrement de qui possède ce qui est stocké sur un grand livre partagé connu sous le nom de blockchain.

Les enregistrements ne peuvent pas être falsifiés car le grand livre est tenu par des milliers d’ordinateurs à travers le monde.

Les NFT peuvent également contenir des contrats intelligents qui peuvent donner à l’artiste, par exemple, une part de toute vente future du jeton.

À un niveau très élevé, la plupart des NFT font partie de la blockchain Ethereum.

Ethereum est une crypto-monnaie, comme le bitcoin ou le dogecoin, mais sa blockchain prend également en charge ces NFT, qui stockent des informations supplémentaires qui les font fonctionner différemment, par exemple, d’une pièce ETH.

Il convient de noter que d’autres blockchains peuvent implémenter leurs propres versions de NFT.

Où consulter et acheter des NFT?

Il existe une foule de sites dédiés aux NFT. Les plus connus sont OpenSea, Rarible, Nifty Gateway ou Coinbase NFT

Qu’est-ce qui empêche les gens de copier l’art numérique ?

Rien. Des millions de personnes ont vu l’art de Beeple qui s’est vendu pour 69 millions de dollars et l’image a été copiée et partagée d’innombrables fois.

Dans de nombreux cas, l’artiste conserve même la propriété du droit d’auteur de son travail, afin qu’il puisse continuer à produire et à vendre des copies.

Mais l’acheteur du NFT possède un « jeton » qui prouve qu’il possède l’œuvre « originale ».

Certaines personnes comparent cela à l’achat d’un tirage dédicacé.

Retirer les DRM d'un ebook acheté sur Amazon, Kindle, Calibre, DRM

Retirer les DRM d’un ebook acheté sur Amazon

J’ai récemment acheté sur Amazon un ebook qui, fait tout à fait incroyable, était totalement indisponible sur internet.

Commande en deux clics et Amazon offre la possibilité de télécharger le fichier sur l’ordinateur ou de l’envoyer directement sur ma Kindle. Comme je souhaite en utiliser un extrait pour mes élèves de secondes, je choisis le téléchargement direct.

Le fichier est au format propriétaire AZW3 et, comme pressenti, il est impossible de le lire sur l’ordinateur car il est associé à l’aide de DRM au numéro de série de la Kindle.

Voici un tutoriel qui vous montre comment retirer les DRM de vos ebooks achetés sur Amazon à l’aide de Calibre et de l’extension DeDRM.

Installation de calibre

Pour la gestion, la conversion et le transferts des ebooks sur mes liseuses, j’utilise exclusivement calibre, qui est gratuit et multi-plateformes.

Installez calibre ou mettez-le à jour.

Téléchargement de DeDRM

Nous allons avoir besoin d’un plugin pour calibre qui s’appelle DeDRM.

Téléchargez la dernière version puis dézippez le fichier. Vous obtenez un répertoire avec plusieurs fichiers zip.

Installation du plugin DeDRM dans calibre

Nous allons maintenant procéder à l’installation du plugin DeDRM dans calibre.

Ajout de DeDRM dans calibre

Ouvrez calibre puis naviguez dans le menu calibre → Preferences → Avancé → Extensions (ou calibre → Preferences → Advanced → Plugins si vous avez la version en anglais):

calibre preferences
Allez dans le menu Extensions

Lire la suite

La synthèse de documents en LLCER : méthode photo 1

La synthèse de documents en LLCER : méthode pour réussir

  1. Réussir la traduction de la spécialité Anglais LLCE
  2. Réussir la transposition en spécialité anglais LLCER du bac
  3. 10 conseils pour bien réussir l’épreuve de Compréhension Orale du bac
  4. La compréhension écrite au bac : la méthode pour réussir
  5. Conseils pour bien réussir l’épreuve d’Expression Orale du bac
  6. Bac : le dossier en spécialité LLCER Anglais
  7. Bac : épreuve orale de spécialité LLCER Anglais
  8. Conseils pour bien réussir le Grand Oral du Bac
  9. La synthèse de documents en LLCER : méthode pour réussir

Voici la fiche méthode pour bien réussir l’épreuve de synthèse de documents en spécialité LLCER.

Nature de l’épreuve de synthèse

Le but est de réaliser à l’écrit un exposé objectif des idées présentées dans chaque document.

Le plan que vous adopterez doit dégager tout en l’analysant la problématique qui les relie, de façon à ce que le lecteur de la synthèse puisse se faire sa propre opinion du sujet, sans avoir à consulter les documents originaux.

C’est pourquoi il ne faut pas introduire de commentaire personnel.

Lecture des documents

Il est très fortement conseillé de réaliser un tableau avec 1 colonne par document.

Pensez également aux surligneurs en adoptant un code couleur pour matérialiser les idées et les documents.

Identifiez la nature des documents et leur source

  • extrait de théâtre, fiction, essai, écrit journalistique, document iconographique…
  • la date et le lieu de publication : est-ce un texte récent ? Est-ce un document historique ? quel journal ?
  • le titre : si le document a un titre (article de presse, par exemple), demandez-vous quel est le rapport entre le titre et le contenu du texte ? Est-ce un titre humoristique, informatif, descriptif… ?
  • l’auteur : pour les textes historiques et journalistiques notamment, est-ce que l’auteur est connu ?

Situez le contexte historique et géographique

Il vous faut contextualiser en quelques mots le document:

  • s’il est publié à une période cruciale de l’humanité (crises politiques, conflits armés civils ou internationaux, guerres mondiales, incidents diplomatiques…).
  • s’il concerne plutôt la Grande-Bretagne , les Etats-Unis, l’Australie… En quoi est-ce que ce dossier est spécifique à ce pays ou cette région du monde (lien avec l’histoire du pays, sa culture, la langue).

Interrogez-vous sur le point de vue adopté (qui parle et voit, parti pris de l’auteur ou au contraire son objectivité) et le but recherché (décrire, informer, expliquer, choquer, persuader, inciter à l’action) par quels procédés (ironie, satire, caricature, appel aux émotions et sentiments ou au raisonnement logique seul).

Analyse des documents

Si cela n’est pas déjà spécifié dans le sujet, déterminez la thématique, l’axe et quelle problématique qui relient les documents entre eux. Chacun peut donner un éclairage qui se complète ou au contraire qui s’oppose à celui des autres.

Cherchez à repérer toutes les idées qui sont en lien avec la problématique. Vous devez reformuler les idées directement en anglais sur votre tableau ou votre brouillon afin d’éviter absolument la paraphrase et les citations trop longues.

La confrontation des documents permet de voir quelles sont les relations qui s’établissent entre les idées contenues dans les différents documents.

Il ne faut pas se contenter de résumer successivement chaque document sans établir de lien entre eux.

Il est attendu du travail demandé qu’il restitue les éléments clefs contenus dans les documents proposés. Chacun peut donner un éclairage qui complète, renforce ou au contraire s’oppose à celui des autres.

Les idées peuvent se compléter : une idée développée dans le document 3 peut se poursuivre dans le document 4 ; une idée énoncée dans le document 2 peut être nuancée dans le document 1.

Les idées peuvent se renforcer : on peut retrouver la même idée dans deux documents différents (ce qui lui donne de la force) ; on peut ainsi trouver dans le document 3 un exemple qui corrobore l’idée contenue dans le document 2.

Les idées peuvent s’opposer : l’opposition peut être totale (ce qui permet de montrer dans la synthèse que deux courants existent) ; l’opposition peut être partielle (on pourra chercher à voir quels sont les points d’accord et les points de désaccord).

Cette démarche va permettre de faciliter la construction du plan de la synthèse.

Plan de la synthèse

Le plan de la synthèse doit correspondre à la problématique en rendant compte de tous les aspects du problème. Les idées doivent s’enchaîner logiquement, mettant ainsi en évidence sa structure.

Il permet de traiter les documents ensemble, et surtout pas successivement. Les documents sont en réalité présentés dans un ordre aléatoire sur le sujet, il n’y a pas de hiérarchie dans les documents.

Il faut essayer de hiérarchiser l’argumentation plusieurs stratégies s’offrent alors à vous :

  • mettre les idées les plus courantes ou évidentes au début et en terminant par les idées qu’on juge les plus fortes ou importantes.
  • avoir en tête de partir de ce qui est le plus objectif, évident ou factuel pour aller vers le plus subjectif et polémique.

Les types de plans : le choix du plan dépend de la problématique spécifique au dossier. Il n’y a pas de plan ‘universel’. On peut trouver par exemple le plan par opposition ou le plan par enchaînement.

Plan par opposition

  • aspects positifs / aspects négatifs / futur possible

ou encore:

  • avantages / inconvénients / évolution envisagée

Le plan par enchaînement

  • problème / causes / conséquences

ou encore:

  • constatation (d’une situation) / explication(s) / solution(s)

Ce deuxième type de plan est plus adapté. N’utilisez le premier type que si vous n’arrivez pas du tout à faire le deuxième.

Essayez toujours de faire une troisième partie, même dans le premier type de plan au moins pour nuancer le propos.

Lire la suite

Diffuser des vidéos sur une télévision avec la chromecast

Caster des contenus vidéos sur une télévision

Avec la multitude de services de diffusion de contenus comme Netflix, Amazon Prime ou Canal+, il n’est pas rare d’avoir un accès au service depuis une tablette ou un ordinateur mais il n’est pas toujours aisé d’envoyer le contenu vidéo directement sur la télévision.

Voici quelques astuces pour caster vos contenus vidéos sur votre télévision, en quelques secondes et sans prise de tête.

Utiliser Chrome pour caster les vidéos

Hé oui, si vous avez une ChromeCast par exemple, il est vraiment bien plus simple d’utiliser le navigateur Chrome qui possède une option qui s’appelle tout simplement Caster.

Je suis fervent utilisateur de FireFox et il faut bien avouer que là, on ne peut pas rivaliser avec Chrome en ce qui concerne le casting.

Lire une vidéo depuis les services de streaming

Si vous utilisez un service de streaming, lancez le site, choisissez votre film ou série et lancez-la.

Ensuite, cliquer sur l’icône kebab (l’icône avec les trois points verticaux) à côté de votre avatar Google et de la barre de recherche puis sélectionnez l’option Caster:

Caster des contenus vidéos sur une télévision photo
Diffuser sur la TV avec Chrome

Une fenêtre de notification apparaît et vous offre la possibilité de choisir l’appareil vers lequel envoyer la diffusion de la vidéo.

Et c’est tout ! On ne peut pas faire plus simple!

Lire la suite

Calculer la durée totale des vidéos d'un dossier, bash, linux

Calculer la durée totale des vidéos d’un dossier

Dans le cadre d’une formation en ligne, j’ai cherché à connaître la durée totale des fichiers vidéos qui étaient contenus dans un dossier.

Il est toujours intéressant de donner le nombre d’heures de vidéos sur une fiche produit par exemple, pour que le client puisse avoir une idée avant d’acheter.

Pour ce faire, nous avons plusieurs options: ffmpeg d’une part ou alors mediainfo.

J’ai lancé un petit apt install factice sur le serveur : installer ffmpeg revient à installer 110 nouveaux paquets, soit 600 Mo. En comparaison, mediainfo ne requiert que 3 paquets, soit 2.3 Mo.

Nous utiliserons donc mediainfo pour nos tests.

Calculer la durée de chaque fichier

Voici comment calculer la durée de chaque fichier, en format lisible par tous:

 mediainfo --Output="General;%Duration/String%" *.mp4
38 min 6 sCode language: JavaScript (javascript)

Voici comment calculer la durée de chaque fichier, mais cette fois au format timecode (xx:xx:xx.xx) :

 mediainfo --Output="General;%Duration/String3%" *.mp4
00:38:06.12Code language: JavaScript (javascript)

Ces deux commandes nous donnent la durée de chaque fichier MP4 présent dans le répertoire.

Nous allons maintenant voir comment les additionner pour obtenir la durée totale des enregistrements du dossier.

Calculer la durée totale des fichiers d’un dossier

Nous allons utiliser la dernière commande, celle qui nous donne les durées au format timecode, et allons ajouter toutes ces durées pour obtenir la durée totale des enregistrements présents dans notre dossier.

Voici la commande:

mediainfo '--Output=Video;%Duration%\n' *.mp4 | awk '{ sum += $1 } END { secs=sum/1000; h=int(secs/3600);m=int((secs-h*3600)/60);s=int(secs-h*3600-m*60); printf("%02d:%02d:%02d\n",h,m,s) }'Code language: JavaScript (javascript)

Résultat:

21:03:48Code language: CSS (css)

Nous avons donc un peu plus de 21 heures d’enregistrements pour notre cours en ligne :)

Ajouter un lien avec le nombre d'articles et le total du panier WooCommerce photo

Rendre la page panier WooCommerce réactive

Lors de mon dernier projet WooCommerce, j’ai remarqué que la page panier de WooCommerce n’était pas vraiment réactive sous Safari (iPhone, iOS) : le tableau ne s’empile pas comme il le devrait et toutes les colonnes sont comprimées. Les dernières colonnes sont hors du viewport.

Safari sous iOS (iPhone) semble être le seul concerné – je n’ai pas réussi à reproduire ce comportement sur FireFox, Chrome ou Opera.

Le site en question utilise Astra, qui est vraiment bien éprouvé, ainsi qu’Elementor comme constructeur de page.

Voici comment rendre le tableau du panier WooCommerce réactif, en utilisant quelques lignes de CSS.

Forcer la réactivité du panier WooCommerce

J’ai opté pour une solution propre, en CSS, en ne ciblant que les iPhones puisqu’ils sont les seuls concernés (Safari + résolution d’écran).

Voici donc le code utilisé pour rendre le panier WooCommerce réactif:

/*
Plugin Name: Sky WooCommerce Responsive Cart
Plugin URI: https://mattbiscay.com
Description: Make WooCommerce cart responsive
Version: 1.1
Author: Matt Biscay
Author URI: https://mattbiscay.com
*/

/* responsive cart */
@media only screen and ( max-width: 479px ) {
  
  .short-description, .product_meta, body.woocommerce div.product .woocommerce-tabs, body.woocommerce #content div.product .woocommerce-tabs { display: none; }
  body.woocommerce .images { float: none !important; width: auto !important; margin-bottom: 40px !important; clear: both !important; }
  
  table .product-thumbnail { display: none; }
  
  .woocommerce-page #content div.product form.cart .variations { margin-left: 0; }
  
  table.cart th, #content table.cart th, table.cart td, #content table.cart td, table.cart tr, #content table.cart tr, #content-area table tr, #content-area table td, #content-area table th { padding: .857em 0.287em; }
  
  .woocommerce .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { width: 100% !important; }
  .woocommerce .woocommerce form .form-row, .woocommerce-page form .form-row { width: auto !important; float: none !important; }
  
  #order_review .shop_table { margin-left: 0; }
  
  /* cart: tax on its own line */
  .includes_tax { display: block; }
  
}

/* cart weird bug on Safari: cart table is not collapsing */
/* this corrects the bug on iphones */

@media (max-width: 768px){
  .iphone .woocommerce table.shop_table_responsive tr,
  .iphone .woocommerce-page table.shop_table_responsive tr {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
  }
  
  .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
    content: attr(data-title) ' ';
    font-weight: 700;
    float: left;
  }
  
  p.no-shipping-options {
    clear: both;
    margin-top: 3rem;
  }
}
Code language: CSS (css)

Lire la suite