Please Dance Hell Bear :  My, NJBR, Blind photo

Please Dance Hell Bear : My, NJBR, Blind

Please Dance Hell Bear est un groupe de Moscou, Russie, qui distille une musique aux accents math-pop, post-punk et dance-punk.

Le groupe est composé de quatre membres : Eugene (guitare), Alex (guitare), Misha (basse) et Ivan (batterie) et cela s’écoute vraiment bien, jugez plutôt :

Assistants de langue,droits, devoirs, conseils

Assistants de langue : droits, devoirs et conseils

Dans votre établissement, il y a un professeur référent qui est là pour vous aider et répondre à vos questions. Au niveau de l’administration, la personne en charge des professeurs et des assistants est le principal ou le principal adjoint (en collège) et le proviseur ou le proviseur adjoint (en lycée).

En France on vouvoie les chefs d’établissements et les professeurs. Pour les élèves, faites comme vous le sentez.

Ponctualité, absences

Renseignez-vous sur les horaires précis des débuts et fins de cours dans votre établissement et pensez à téléphoner en cas de retard.

Absences éventuelles : la personne à joindre aussitôt est le proviseur adjoint ou le principal adjoint. Si vous êtes malade, vous devrez fournir un certificat médical. Si vous avez besoin de vous absenter, vous devez d’abord en demander la permission et généralement rattraper les cours que vous avez manqués.

Je vous conseille de lire le guide pratique sur l’arrivée dans un nouvel établissement.

Emploi du temps

On doit vous remettre un emploi du temps établi par les professeurs où figurent le nom des classes, les horaires précis et les salles dans lesquelles vous devez vous rendre. On vous donnera la liste des élèves et souvent également un trombinoscope qui vous aidera à mémoriser leurs visages.

Vous devez enseigner 12h au maximum par semaine mais vous pouvez aussi faire des heures supplémentaires, payées.

Lire la suite

MySQL : résoudre l'erreur

MySQL : résoudre l’erreur “mysql_connect(): Headers and client library minor version mismatch”

Après la mise à jour vers MySQL 5.6, certaines applications peuvent renvoyer l’avertissement PHP suivant :

PHP Warning: mysql_connect(): Headers and client library minor version mismatch. Headers:50535 Library:50617Code language: CSS (css)
icon-mysql

C’est le cas lorsqu’une application est liée à l’utilisation d’une version spécifique de libmysqlclient18 alors qu’elle est connectée à un serveur MySQL qui tourne sur une version différente.

C’est libmysqlclient18 qui renvoie cet avertissement mais dans certains cas, cela peut impacter l’application et tient plus de l’erreur que de l’avertissement.

MySQL Native Driver

La solution est toute simple : il suffit d’utiliser le pilote MySQL Native Driver php5-mysqlnd au lieu du paquet php5-mysql.

Les avantages de php5-mysqlnd sont multiples : il vient en remplacement de php5-mysql, n’est pas lié à la librairie libmysqlclient, ne renvoie pas d’avertissement “version mismatch” et possède pas mal d’autres caractéristiques intéressantes.

Lire la suite

Bill Laswell - Beyond The Zero photo

Bill Laswell – Beyond The Zero

Bill Laswell est un producteur et bassiste américain né le 12 février 1955 à Salem (Illinois).

Il s’exprime à travers des genres musicaux variés comme le jazz, le dub, la drum and bass, le funk, le rock ou encore de façon plus vague la musique expérimentale.

En voici un petit extrait avec Beyond The Zero :

Entêtant non ? La liste des artistes avec lesquels il a collaboré est assez incroyable – il est plutôt actif!

SIGHT ou un futur possible et dystopique de la réalité augmentée photo

SIGHT ou un futur possible et dystopique de la réalité augmentée

Voici SIGHT, un court-métrage qui se demande à quel point nos vies pourraient changer si la réalité augmentée était totalement intégrée dans nos sociétés modernes :

Un peu à la manière de l’excellente série britannique Black Mirror, Eran May-raz et Daniel Lazo imagine une vision alternative du future, dans un monde où les nouvelles technologies, comme la réalité virtuel, commencent à être dommageables pour nos vies.

Nous suivons donc Patrick, un célibataire qui vit dans une métropole sans nom. Au début du film, il semble être étendu au-dessus d’un tapis, flottant à une dizaine de centimètres du sol – mais Patrick voit les choses bien différemment : à travers des lentilles de contact spéciales, il joue à un jeu de skydiving en immersion.

Nous le voyons ensuite se diriger vers la cuisine, où son frigo lui indique quels aliments vont bientôt arriver à leur date d’expiration. Il choisit un concombre et commence à le couper alors que le jeu Fruit Ninja se lance.

Au fur et à mesure que le film avance, il apparait clair que la plupart des affaires de Patrick appartiennent plus à la fiction qu’à la réalité. Les murs de son appartement sont vides mais lorsqu’il les regarde avec ses lentilles, ils sont couverts de tableaux de score de jeux et d’œuvres d’art hors de prix.

La vie de Patrick, à première vue remplie et parfaite, commence rapidement à apparaitre comme une existence vide et sans inspiration.

Lire la suite

jQuery : sélectionner un élément dont l'ID ou la classe commence ou finit par une chaîne photo 1

jQuery : script toggle pour afficher et cacher de multiples blocs HTML

jquery

J’ai écrit il y a quelques temps un script jQuery utilisant la fonction toggle pour afficher/cacher un seul bloc HTML mais pas mal de gens m’ont demandé comment faire pour afficher plusieurs blocs HTML.

Voici comment s’y prendre, en utilisant les fonctions jQuery .slideup(), .slidedown() et .closest().

Démo


Article A

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam

Article B

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam

Article C
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam

Le script

1. Ajoutez jQuery dans l’entête de votre page (head), comme ceci :

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" crossorigin="anonymous"></script>Code language: HTML, XML (xml)

Lire la suite

NAS Synology : récupérer les données d'un disque dur issu d'un RAID1 photo

NAS Synology : récupérer les données d’un disque dur issu d’un RAID1

Je possède un NAS Synology pour archiver mes données.

Pour simplifier, un NAS est un système à part entière qui gère des disques dur de sauvegarde accessibles par le réseau.

Synology en RAID1

Dans mon cas, il s’agit d’un Synology 212+ 2 baies qui accueille deux disques dur de 2 To chacun.

Je les ai mis en RAID1, ce qui signifie que tout ce qui est copié sur le volume est répliqué : les données du disque 1 sont recopiées à la volée sur le disque 2.

raid1

Le RAID1 est donc un système de redondance qui donne au stockage des données une certaine tolérance aux pannes matérielles.

En théorie, si un disque lâche, l’autre aura toutes les données intactes. Enfin, ça c’est la théorie !

Des données qui s’envolent

Au courant de l’année 2013, je sauvegarde quelques séries sur le NAS. Je crée un raccourci dans Nautilus pour pouvoir glisser/déposer facilement les fichiers, ce qui semble un chouilla plus rapide que via l’interface web du Synology.

Note : mes transferts semblent plafonner à 300 ko/s alors que j’utilise du CPL, si quelqu’un connaît un autre moyen d’augmenter ce débit, je suis preneur !

En décembre 2013, je vois les diodes du Syno qui clignotent comme un sapin de Noël : je me loggue et me rends compte qu’un de mes dossiers de sauvegarde est vide.

Incompréhension totale. Je suspecte d’abord une intrusion et vérifie les logs mais je n’ai rien trouvé d’inhabituel. Je penche maintenant pour une erreur de manipulation dans nautilus, même si j’y crois peu. Je débranche le Syno du réseau puis l’éteins.

Récupérer les données d’un disque dur issu d’un RAID1

En décembre 2014, c’est-à-dire la semaine dernière, je me dis que ce serait cool de remettre le Syno en route et de me pencher sur le mystère.

Je retire un disque dur d’une des baies et le branche en USB sur ma machine linux. Voici les étapes qui m’ont permis de lire ce disque.

Lire la suite

Ubuntu : installer Pepper Flash sous Chromium pour lire les vidéos Flash photo

Ubuntu : installer Pepper Flash sous Chromium pour lire les vidéos Flash

Suite à une mise à jour de Chromium, il y a quelques années, j’ai perdu la possibilité de lire les vidéos flash sous Chromium. Bon, étant utilisateur de FireFox, je ne trouvais pas vraiment cela gênant, sauf pour les vidéos YouTube et Dailymotion.

Et puis aujourd’hui, cela m’a un peu agacé alors je me suis un peu penché sur le problème.

Pepper Flash et Chromium

Si on utilise Chrome, pas de souci, le plugin Pepper Flash comme le lecteur PDF natif sont inclus. Si on utilise Chromium par contre, le navigateur est nu et il faut installer Pepper Flash soi-même.

Installer Pepper Flash sous Chromium avec Ubuntu

Si vous possédez Ubuntu 14.04+, un installeur Pepper Flash Player installer est disponible dans les dépôts, il suffit de l’installer avec :

sudo apt-get install pepperflashplugin-nonfree && sudo update-pepperflashplugin-nonfree --installCode language: JavaScript (javascript)

Lire la suite

hang-pans

Manu Delago – Two Handsful of Sound

Le hang est un instrument de musique acoustique de la famille des idiophones inventé par Felix Rohner et Sabina Schärer à Berne en Suisse en 2000 : c’est un volume lenticulaire creux composé de deux coupelles métalliques embouties. Le nom « hang » signifie main en dialecte bernois.

hang-pans

La partie supérieure du hang, le « Ding », permet d’obtenir un son très différent suivant la manière dont elle est utilisée ; il est ainsi possible d’obtenir des sonorités proches de celles d’une harpe ou d’une cloche. On retrouve sur le Ding 7 à 8 notes disposées en cercle de la plus grave à la plus aigüe, et d’une plus grave en son centre. Chacune de ces notes fondamentales a trois harmoniques accessibles de différentes façons ; on pourra par exemple étouffer la fondamentale avec un doigt et faire résonner les harmoniques en frappant sur les côtés de la note.

La partie inférieure de l’instrument, le « Gu », est essentiellement constitué d’une surface lisse avec un creux arrondi en son centre. Cette cavité vide permet l’apparition d’une résonance de Helmholtz, comme dans l’udu, qui permet à l’instrument de résonner et de faire sonner ses différentes harmoniques.

hang-schema

Cette création est inspirée de nombreux instruments de percussion venant des différents pays et cultures musicales comme le gong, le gamelan, le ghatam, le tambour, la cloche ou la scie musicale.

Two Handsful of Sound est un morceau composé de dix pistes Hang par Manu Delago.

Génial non ? Cela me rappelle un peu la musique du jeu vidéo Dune.

Ubuntu logo within an update icon

Ubuntu : résoudre l’erreur “xulrunner-bin: error while loading shared libraries: libhunspell-1.2.so.0”

ubuntu-update

Aujourd’hui, j’ai mis à jour mon installation d’Ubuntu 12.04 LTS (precise) vers la version 14.04 LTS (trusty).

Vu qu’il y a quelques années entre les deux distributions, cela a pris quelques heures mais je trouve le système beaucoup plus réactif. J’ai quand même eu une petite erreur, histoire de justifier cet article.

Problème de dépendances avec le paquet xulrunner

Après l’installation, le nettoyage des paquets obsolètes et un petit redémarrage, apt-get m’a indiqué qu’il y avait un problème de dépendance avec ce message d’erreur :

/var/lib/dpkg/info/xulrunner-1.9.2.prerm: 8: /var/lib/dpkg/info/xulrunner-1.9.2.prerm: /usr/sbin/update-alternatives: not found
/usr/lib/xulrunner-1.9.2.9/xulrunner-bin: error while loading shared libraries: libhunspell-1.2.so.0: cannot open shared object file: No such file or directory
dpkg: error processing xulrunner-1.9.2 (--configure):
 subprocess installed post-installation script returned error exit status 127
Errors were encountered while processing:
 xulrunner-1.9.2
E: Sub-process /usr/bin/dpkg returned an error code (1)Code language: JavaScript (javascript)

Après avoir essayé de réinstaller et supprimer libhunspell et xulrunner sans succès, je me suis dit qu’il fallait passer à autre chose.

La solution : éditer le fichier xulrunner-1.9.2.prerm

En suivant à tâtons les liens du message d’erreur, il se trouve qu’il suffit d’éditer le fichier /var/lib/dpkg/info/xulrunner-1.9.2.prerm pour corriger le problème.

Lire la suite

black-mirror-s2-special-white-christmas-jon-hamm

Black Mirror Season 2 Special : White Christmas

Voici l’épisode spécial de la seconde saison de Black Mirror, qui s’intitule White Christmas.

black-mirror-s2-special-white-christmas-jon-hamm

Il s’agit, comme le veut la tradition en Angleterre, d’offrir aux fans de la série un épisode pour Noël. Black Mirror oscille entre récits technologiques, science-fiction et anticipation, et s’appuie sur notre époque et ses technologies en les faisant évoluer pour le meilleur… et pour le pire.

White Christmas

L’épisode, avec en guest star Jon Hamm (le charismatique Don Draper dans Mad Men), utilise à nouveau l’idée d’une convergence des nouvelles technologies avec le corps humain.

Nous nous retrouvons donc dans un monde dans lequel chaque personne peut copier sa personnalité sur un mini disque dur, quitte à avoir son double numérique à côté de soi, ou des interactions réelles gérées comme de simples contacts numériques (notamment la possibilité de “bloquer” quelqu’un).

Lire la suite

WordPress : valider le code des meta oEmbeds de YouTube, DailyMotion, Vimeo et SlideShare photo

WordPress : valider le code des meta oEmbeds de YouTube, DailyMotion, Vimeo et SlideShare

Allez, je continue ma petite série sur la gestion de l’intégration oEmbed sous WordPress.

WordPress gère nativement plusieurs services : copiez-collez l’adresse d’une vidéo YouTube dans un article et hop, vous obtenez une vidéo entièrement intégrée, avec un code plutôt propre mais pas entièrement valide.

oembed-all-service

Je vous propose donc de valider le code généré par WordPress lorsqu’il vient de sites tiers comme YouTube, DailyMotion, Vimeo ou SlideShare.

Valider le code oEmbed de YouTube

Il suffit de lancer les quatre requêtes SQL suivantes :

UPDATE wp_postmeta SET meta_value = REPLACE (meta_value, 'frameborder="0" allowfullscreen', 'style="border: none"');
UPDATE wp_commentmeta SET meta_value = REPLACE (meta_value, 'frameborder="0" allowfullscreen', 'style="border: none"');
UPDATE wp_postmeta SET meta_value = REPLACE (meta_value, "wmode=transparent' frameborder='0'", "wmode=transparent' style='border: none'");
UPDATE wp_commentmeta SET meta_value = REPLACE (meta_value, "wmode=transparent' frameborder='0'", "wmode=transparent' style='border: none'");Code language: JavaScript (javascript)

Valider le code oEmbed de Dailymotion

Pour le code de Dailymotion, ces deux requêtes suffisent :

UPDATE wp_postmeta SET meta_value = REPLACE (meta_value, 'frameborder="0">', 'style="border: none">');
UPDATE wp_commentmeta SET meta_value = REPLACE (meta_value, 'frameborder="0">', 'style="border: none">');Code language: JavaScript (javascript)

Valider le code oEmbed de Vimeo

Quatre requêtes pour Vimeo :

UPDATE wp_postmeta SET meta_value = REPLACE (meta_value, 'frameborder="0" title=', 'title=');
UPDATE wp_postmeta SET meta_value = REPLACE (meta_value, ' webkitallowfullscreen mozallowfullscreen allowfullscreen', '');
UPDATE wp_commentmeta SET meta_value = REPLACE (meta_value, 'frameborder="0" title=', 'title=');
UPDATE wp_commentmeta SET meta_value = REPLACE (meta_value, ' webkitallowfullscreen mozallowfullscreen allowfullscreen', '');Code language: JavaScript (javascript)

Valider le code oEmbed de SlideShare

Et deux requêtes pour SlideShare :

UPDATE wp_postmeta SET meta_value = REPLACE (meta_value, 'frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC;border-width:1px 1px 0;margin-bottom:5px" allowfullscreen webkitallowfullscreen mozallowfullscreen>', 'style="border:1px solid #CCC;border-width:1px 1px 0;margin-bottom:5px;overflow:auto;border:none">');
UPDATE wp_commentmeta SET meta_value = REPLACE (meta_value, 'frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC;border-width:1px 1px 0;margin-bottom:5px" allowfullscreen webkitallowfullscreen mozallowfullscreen>', 'style="border:1px solid #CCC;border-width:1px 1px 0;margin-bottom:5px;overflow:auto;border:none">');Code language: JavaScript (javascript)

Et voilà, le code est plus propre, plus valide et utilise CSS plutôt que des balises propriétaires.