Si vous avez raté le début : Mozilla Webmaker est un ensemble d’outils ludo-éducatifs qui permettent à chacun de comprendre et de modeler le Web. Après les lunettes à rayons X pour voir sous les jupes de la page Web et le dé à coudre magique, voici Popcorn Maker pour faire sautiller frénétiquement images et sons.

Popcorn Maker pour jouer avec la vidéo, se l’approprier.

La réalisation d’une page web enrichie, ou plutôt augmentée, demande des logiciels spécifiques, pose des problèmes de codecs et de compatibilité entre navigateurs et souvent le recours à des formats pénibles tels que le Flash. Avec Popcorn Maker, qui fonctionne grâce à popcorn.js et au HTML5, tout se passe dans le seul navigateur : rien à installer, l’utilisateur n’a plus qu’à combiner. Bien sûr, avec Popcorn maker vous n’atteindrez pas le niveau professionnel d’un web-documentaire. Voyez par exemple ces 4 documentaires « enrichis » avec popcorn.js et diffusés sur le site d’Arte.

Popcorn Maker est plutôt un outil d’initiation ludique, une manière simple et surtout amusante de remixer des vidéos, des sons et des images pour en faire de chouettes montages que vous pouvez ensuite insérer sur d’autres sites. Et bien entendu, comme tout ce que vous pouvez réaliser avec Webmaker, vos remix seront disponibles pour que d’autres s’en emparent et réalisent à leur tour leur création⁽¹⁾ multimédia.

Récupérez une vidéo qui vous plaît sur le Web. Glissez-y du contenu web, puis ajoutez vos commentaires et vos liens, directement depuis votre navigateur. Les vidéos fabriquées avec Popcorn Maker sont dynamiques, on peut y ajouter des liens, des bulles de texte, des images et des pistes sonores…

Vous pouvez par exemple :

• créer un gif animé avec du son et jouer les VJ comme un grand ;
• augmenter un documentaire avec des liens dynamiques vers un article Wikipédia, une carte… ;
• Réaliser un profil vidéo pour vous présenter en intégrant votre CV ;
• Bricoler un diaporama animé ou un petit dessin animé ;
• et beaucoup d’autres choses à votre gré !

Voici le panneau des événements disponibles

…et ci-dessous un exemple simple d’intégration d’une bulle dans la vidéo. Les différents objets du multimédia figurent dans la série des « calques » qui sont de maniement aisé dans le panneau de contrôle en bas.

— Vous voulez faire bien mieux ? Essayez Popcorn Maker, c’est par ici  https://popcorn.webmaker.org/

⁽¹⁾ Question pour les cerbères du ©opyright : à partir de quel degré de remix peut-on dire qu’est née une nouvelle œuvre (la réponse : 42°)

À suivre ! -> la semaine prochaine : des outils pour les appreneurs aussi !

Avec du logiciel et du matériel libres, on est aujourd’hui en mesure de proposer des cours tout à fait passionnants, ouverts, modulables et sans entrave à la création.

Le témoignage d’un prof qu’on aurait bien aimé avoir lorsqu’on était jeune.

Un programme universitaire qui enseigne l’interaction homme-machine avec du logiciel et du matériel libres

University course teaches computer-human interaction with open hardware and OSS

Jonathan Muckell – 28 mars 2014 – OpenSource.com
(Traduction : Omegax, Mounoux, lamessen, Piup, aKa, lumi, Kcchouette, ton, Gatitac)

La plupart des gens considèrent que leurs interactions avec les systèmes informatiques se passent via un clavier, une souris ou un écran tactile. Cependant, les humains ont évolué pour interagir avec leur environnement et leurs congénères de manière bien plus complexe. Réduire l’écart entre les systèmes informatiques du monde numérique et le réel est en train d’être étudié et testé dans le cours de Physical Computing (NdT : Difficile à traduire, informatique physique/démonstrative) de l’université d’État de New-York (SUNY) à Albany.

En tant que professeurs de ce cours, nous profitons en ce moment d’une grande variété de projets de logiciels et matériels libres pour en apprendre plus sur les principaux concepts fondamentaux grâce à des expériences pratiques et la mise en place d’outils libres. Côté logiciel, nous utilisons un environnement de développement intégré (Arduino Sketch) et nous développons des modélisations pour les imprimantes 3D en utilisant OpenSCAD. Pour la partie matériel libre du cours, nous utilisons des Arduino et la PrintrBot Simple.

Le cours de Physical computing associe l’utilisation du matériel et du logiciel pour détecter et contrôler les interactions entre les utilisateurs et l’environnement. Elle peut repérer et répondre à des actions, par exemple en détectant la localisation des véhicules à une intersection et en ajustant le réglage des feux. Le domaine de l’informatique physique est relativement vaste, englobant des spécialités telles que la robotique, les microcontrôleurs, l’impression 3D et les vêtements intelligents.

D’après mon expérience, les étudiants aiment avoir la possibilité de combiner la pensée créative et sa mise en œuvre pratique. Il naît un sentiment d’émerveillement et d’accomplissement quand ils sont capables de faire quelque chose qui se passe dans le monde physique. L’une des premières activités du cours est simplement d’écrire du code et de créer un circuit pour faire clignoter une ampoule LED. Je ne me lasse jamais de voir leur joie quand ils y arrivent la première fois. L’un des objectifs principaux est de maintenir cet état d’émerveillement et d’excitation. Quand le cours progresse, nous avons les « Jeux olympiques des robots » où les étudiants se font rivalisent avec leurs robots construits sur mesure dans différentes catégories. Plus tard, nous plongeons dans l’impression 3D, où ils créent des objets personnalisés.

Chaque fois que nous abordons un nouveau domaine, je vois cette étincelle, cette excitation sur le visage de mes étudiants. Je veux que la passion et un véritable intérêt pour le matériel se développent. Je veux qu’ils expérimentent en rentrant dans leurs dortoirs. Si je réussis, les étudiants ne devraient pas avoir la sensation de travailler comme dans une école traditionnelle. Durant le processus et spécialement pour leur projet de fin d’étude, j’insiste sur l’inovation et la pensée créatrice. Quelle est la valeur de ce qu’ils génèrent à travers les conceptions qu’ils proposent ? Je veux que les étudiants pensent de façon créative et non pas qu’ils suivent un processus établi ou des tâches séquentielles prédéfinies.

J’utilise souvent le circuit imprimé Arduino pour enseigner car c’est un moyen fantastique pour apprendre. Non seulement il est très utile pour introduire des sujets tels que la programmation embarquée et l’électronique, mais c’est aussi une plateforme phénoménale pour le prototypage rapide et l’innovation. Des étudiants ont accompli des projets de fin d’étude vraiment innovants. Deux de mes étudiants ont utilisé une commande WiiMote de Nintendo pour jouer à pierre-feuille-ciseaux contre l’ordinateur. Si vous jouez suffisamment longtemps, l’ordinateur mémorise vos précédents mouvements et prédit ce que vous allez choisir avant vous. Des étudiants ont controlé une voiture à partir d’un smartphone et un autre groupe a programmé l’envoi automatique d’informations de détecteurs sur Twitter. Au début du semestre, les cours sont basés sur les concepts fondamentaux, avec du temps dédié aux travaux pratiques en équipes réduites. La dernière partie du semestre est basée sur des projets intégrés et créatifs.

Ce semestre, nous avons introduit l’impression 3D comme sujet principal du programme scolaire. C’est l’occasion pour les étudiants de construire des objets physiques, ainsi que de combiner capteurs, pièces mécaniques et processeurs pour donner vie aux objets. D’un point de vue éducatif, le Printrbot Simple est vraiment l’idéal. Nous avons commandé l’imprimante en kit et avons demandé aux élèves d’effectuer l’assemblage. Ce procédé a non seulement fourni une occasion pour les étudiants d’apprendre les mécanismes de fonctionnement d’une imprimante 3D, mais leur a aussi donné un sentiment d’appropriation par l’utilisation et l’entretien des imprimantes au fil du temps. Les imprimantes 3D ont des problèmes similaires à ceux des imprimantes 2D — elles se bloquent, elles ont des problèmes mécaniques et d’entretien. Toutefois, le Printrbot Simple est conçu de façon à faire participer les élèves. Et ils ont acquis les compétences nécessaires pour corriger et résoudre les problèmes quand ils surviennent.

Le Libre en classe

La plupart des élèves ont une certaine expérience du Libre et de l’open source. Le Département Informatique de l’Université d’Albany repose sur ??l’utilisation d’outils libres. En particulier, de nombreux étudiants utilisent GitHub, qui est exploité dès les premiers cours. Le département donne aussi des cours spéciaux qui sont purement focalisés sur le logiciels libre. L’élément nouveau pour les étudiants est la notion de matériel libre.

La majorité des gens ont tendance à penser que le Libre ne concerne que le développement logiciel. Le matériel libre est un concept novateur et passionnant pour les étudiants.

Le matériel et les logiciels libres ont permis à notre cours de Physical Computing d’éviter les problèmes de licences, et donc de pouvoir évoluer librement. Cela nous a aussi apporté de la flexibilité : nous se sommes pas enfermés sur une seule plateforme ou un outil unique. Le Libre autorise les modifications sans être bloqué par les modalités de contrat de licence du vendeur.

Crédit photo : Maltman23 (Creative Commons By-Sa)

Si vous avez raté le début : Mozilla Webmaker est un ensemble d’outils ludo-éducatifs qui permettent à chacun de comprendre et de modeler le Web. la semaine dernière nous vous avons présenté les lunettes à rayons X pour voir sous les jupes de la page Web. Cette semaine, un deuxième outil de Webmaker appelé Thimble, le dé à coudre magique.

Thimble, le HTML comme si vous y étiez

Code ou wysiwyg ? — les deux !

Il existe une longue histoire des éditeurs HTML open source qui permettent de travailler directement avec la visualisation finale (wysiwyg, acronyme de what you see is what you get, signifie littéralement : « ce que vous voyez est ce que vous obtiendrez »). Depuis le déjà ancien Amaya jusqu’au plus récent KompoZer conçu naguère par Fabien Cazenave qui forkait Nvu, on a cherché à mettre à la portée de tous la création de pages web en laissant dans les coulisses le code HTML. Encore était-il généralement accessible d’un clic dans un onglet par exemple. On pouvait donc créer et maintenir sa page web sans trop se soucier des balises, des attributs et autres CSS.

Cependant la généralisation des blogs dans les années 2000 a poussé à la mise à disposition de systèmes de publication qui ont simplifié la publication « grand public ». N’importe qui aujourd’hui peut publier avec une instance installée de Dotclear ou WordPress sans se préoccuper du HTML.

Cette facilité a un revers, c’est l’ignorance qui nous éloigne du Web tel qu’il est et donc tend à nous en occulter la plasticité. Fallait-il pour renouer avec la créativité du Web en revenir à la sècheresse d’un éditeur de texte comme les vrais développeurs le pratiquent ?

Thimble, le dé à coudre de Webmaker, permet de ne pas choisir. Il vous propose à la fois de travailler dans le code et de voir ce qu’il produit, tout en contrôlant sa validité.

Un éditeur interactif

1. Il me présente en temps réel et en vis-à-vis le rendu de la page HTML que je suis en train de saisir, le délai de rafraîchissement est d’une fraction de seconde :



2. Il me signale instantanément par la couleur rouge et un avertissement écrit en toutes lettres que je commets une erreur de syntaxe. Un petit pointeur mobile vient même m’indiquer l’endroit précis que je devrais modifier :
3. Il peut aussi m’apprendre davantage : en cliquant sur un élément HTML je dispose d’une définition et d’un lien « plus… » qui conduit à un article plus détaillé du Mozilla Developer Network, le site de documentation pour développeurs. J’ai ainsi la possibilité de passer de la découverte à un niveau plus avancé.

Un éditeur infiniment ouvert

1. À peine ma page ébauchée, je peux la publier, elle sera hébergée sur un serveur de Webmaker



2. Je pourrai dès lors la modifier moi-même aussi souvent que je le souhaite, mais de plus n’importe qui pourra en faire une version (d’aucuns diront un fork) en cliquant sur le bouton « Remixer »

Offrez sa page web à un proche !

Vous connaissez certainement quelqu’un, enfant, adolescent ou… bien plus âgé, qui va trouver amusant et intéressant de se fabriquer une ou des dizaines de pages. Alors hop, indiquez-lui l’adresse https://thimble.webmaker.org/. Mais pour se mettre en appétit, pourquoi ne pas commencer par remixer des pages existantes, écrire sa légende d’un lolcat, personnaliser texte et image d’une carte postale, et bien d’autres projets. Au fait, certains projets comme cette BD à faire soi-même sont littéralement des tutoriels de leur propre conception, mais sont pour l’instant en anglais. Rien ne vous empêche de les remixer pour les traduire et en faire un nouvel outil francophone.

À suivre ! -> la semaine prochaine : Popcorn, pour exploser vos vidéos sur le Web.

« Plutôt que je crée, je vends, nous avons choisi je crée et je partage… »

Regroupés au sein de la mini entreprise « TimberWolf Créativ’ », des élèves en 1ère Bac Pro du lycée professionnel Camille Schneider de Molsheim nous proposent un projet tout à fait intéressant autour de la création d’un livre numérique sur le loup en Alsace.

Il s’intitule « Libre comme le loup » (cf cette vidéo). Comme vous pourrez le constater en lisant l’entretien ci-dessous, il n’y a pas que le loup qui est libre ici. Et quand on demande aux élèves ce qu’ils ont déjà retenu de leur expérience à ce stade du projet, le HTML5+CSS3, les logiciels libres et les licences libres font partie des réponses.

Un projet à soutenir, d’autant qu’ils sont en campagne de financement sur Ulule pour couvrir les frais.

Remarque : Framasoft est impliqué dans le projet en accompagnant les élèves dans la création de leur ePub sur des outils et des formats libres. Nous les avons également invités à l’événement Vosges Opération Libre à Gérardmer en mai prochain, que vous pouvez d’ores et déjà noter sur vos tablettes si vous êtes de la région.

Interview des élèves porteurs du projet

Bonjour, pouvez-vous présentez succinctement en indiquant quelle fonction vous occupez au sein du projet ?

Je m’appelle Elisabeth, j’ai 16 ans, je suis en 1er Bac Pro Gestion-Administration au LP Camille Schneider de Molsheim et PDG de la mini-entreprise TimberWolf Créativ’. Et voici les responsables des différents services qui sont tous avec moi au lycée :

• Auriane, DG
• Arzu, Responsable Technique.
• Sylvie, Responsable Artistique.
• Pauline, Responsable Administrative.
• Mélanie, Responsable Financière.
• Mélissa, Responsable Marketing au sein de TimberWolf Créativ’

Alors le projet « Libre comme le loup », c’est quoi exactement ?

C’est mettre en place un E-pub sur les légendes alsaciennes en rapport avec le loup afin de faciliter son retour dans nos contrées. Pour faire parler du loup dans nos contrées alsaciennes, nous avons pour projet de réaliser un E-Pub libre écrit sous licence Creative Commons by-SA.

Dans notre E-Pub vous trouverez des légendes alsaciennes oubliées et inconnues sur le loup ainsi que des musiques composées spécialement par notre partenaire La Poupée du Loup, nos dessins et nos énigmes. Une magnifique image de couverture réalisée par l’artiste Jean Linnhoff.

Quelle est la situation actuelle du loup en Alsace ?

Après avoir été éradiqué au début du XXe siècle, il revient chez nous tout doucement. On l’a aperçu à Still et au col du Donon très récemment. Les réactions sont diverses entre les pros-loup et les anti-loup.

Qu’est-ce qu’une « mini entreprise » ? Est-ce ouvert à tous les lycéens ?

C’est une entreprise comme une autre, sauf qu’elle est sous couvert de l’Education nationale, via Entreprendre Pour Apprendre. D’une durée d’un an elle est dirigée par des élèves. Ce type de formation est ouvert à tous mais ne fonctionne vraiment qu’avec une classe solidaire, motivée et qui n’a pas peur de faire des heures sup !

Pourquoi uniquement un ePub et pas également une impression papier ? Est-ce parce que l’ePub propose une autre expérience au lecteur avec de l’interactivité, de la musique, etc. ? Parce que le papier, c’est trop cher ?

Notre E-pub est basé sur un livre papier déjà existant, lui-même créé par la mini-entreprise de l’an passé. L’E-pub apporte une dimension interactive, musicale et visuelle et touche un autre public. Ici le coût n’entre pas en compte, c’est plutôt un choix en rapport avec l’air du temps, l’enseignement des nouvelles technologies en classe de Gestion Administration.

Votre projet s’inscrit sous le signe de la liberté. D’abord pour le loup mais également dans le choix des technologies utilisées (HTML5, CSS3…) et des licences adoptées (CC By-SA). En quoi le « choix du Libre » est-il ici important pour vous ?

La liberté est le maître mot de notre projet : un loup libre, une culture libre pour que chacun puisse apporter sa pierre à l’édifice. Nous souhaitions développer un autre aspect économique, plutôt que je crée, je vends, nous avons choisi je crée et je partage !

La musique, du groupe La Poupée du Loup, est aussi sous licence libre CC By-SA. Ont-ils été faciles à convaincre ?

Nous n’avons eu aucun besoin de les convaincre, ils étaient partants dès le départ et se sont beaucoup investis dans notre E-pub mais également dans l’événementiel au Molodoï.

Vous organisez un week-end à Strasbourg et vous participez à Vosges Opération Libre à Gérardmer. Pouvez-vous nous en dire plus ?

Nous organisons un concert avec La Poupée du Loup, Dirty Deep, Les Poches Vides, le samedi 19 avril à partir de 21h avec une entrée à 5€ et un débat le dimanche 20 avril à partir de 14h avec entrée libre sur le thème du retour du loup en Alsace et l’artiste Jean Linnhoff pour un graff.

Mais nous n’en restons pas là. Nous serons également présents à Vosges Opération Libre avec notre partenaire Framasoft, qui se déroulera le 17 et 18 mai à Gérardmer, pour présenter notre travail. Effectivement ce dernier nous a invité à participer à cet événement pour nous permettre de mettre en avant notre projet et en même temps pouvoir mieux connaître et naviguer dans « le Libre ». Jusqu’à ce jour, nous avions uniquement travaillé avec des logiciels bureautiques sous licence propriétaire et ce projet nous a permis de découvrir une autre facette informatique.

En quoi ce projet s’inscrit bien dans le programme pédagogique de votre classe de 1ère BAC Pro Gestion Administration ?

Nous quittons le virtuel et le théorique pour entrer dans la réalité avec des actions concrètes. Nous devons tout maîtriser aussi bien l’outil informatique avec HTML5 et CSS3, qui ne font pas partis de notre programme mais que nous avons dû apprendre à maîtriser en toute autonomie. Il a aussi toute la partie économique et de gestion d’une entreprise, à savoir : le management, le marketing, la comptabilité, les tâches administratives et, petit plus, le côté artistique avec Sylvie qui a fait tous les dessins.

Qu’est-ce que vous avez déjà appris à ce stade du projet ?

Le HTML + CSS3, les logiciels libres, les droits d’auteurs… En plus des spécificités de chaque service, nous avons appris que pour être performant, il faut travailler ensemble.

Vous proposez une campagne de financement participatif sur la plateforme Ulule. Quels sont vos besoins ? Et que se passera-t-il si la somme n’est pas atteinte ?

Nous avons besoin de 2 500 € pour financer :

• Notre week-end loup au Molodoï de Strasbourg
  • Cachet des artistes
  • Défraiement
  • Communication sur l’événement (flyer, affiche, carte postale…)
  • La location du Molodoï
  • La gestion du week-end
  • Les repas pour les intervenants
• La conception de l’E-Pub qui sera téléchargeable gratuitement mais également vendu sous forme de clé USB :
  • L’achat du support soit la clé USB de 4 Go sur laquelle figurera notre E-Pub + les 3 musiques de la Poupée du Loup + des logiciels Libres de Droit
• L’enregistrement en studio des musiques (3 jours)
• Les produits dérivés (Tee-Shirts, Casquettes)
• Frais de déplacement et d’hébergement :
  • Week-end Vosges Opération Libre, à Gérardmer
  • Déplacements sur Strasbourg (24 élèves)

Et si en fin d’année nous avons réussi à avoir un solde positif, nous reverserons une part de nos bénéfices à une association de défense du loup. Si nous ne les atteignons pas,… nous ne voulons pas y penser… gloups !

Un dernier mot ? Un message à faire passer ?

Soyez libre comme le loup ! Et… aidez-nous 😉

Vite fait, vite lu : ce qui fait la force du Web ouvert, c’est que n’importe qui peut en être un maillon et le construire. Mozilla Webmaker est un ensemble d’outils ludo-éducatifs qui permettent à chacun de comprendre et de modeler le Web.

Le Web permet à chacun d’entre nous d’essayer de nouvelles idées et de les offrir au monde entier, sans avoir à demander la permission à une quelconque autorité. Le rythme rapide de l’innovation nous montre de quoi l’humanité est capable quand de puissants outils sont offerts également à tous.

Mitchell Baker, présidente de la Mozilla Foundation

Chacun doit avoir la possibilité de façonner Internet et son utilisation d’Internet.

principe N°5 du Manifeste de Mozilla

Tout à fait en phase avec ces principes nobles mais certes un peu nébuleux, Mozilla a pris depuis plusieurs années des initiatives concrètes pour amener le plus grand nombre de ses utilisateurs à une meilleure connaissance de ce qu’est le Web. Voici des outils pour apprendre et enseigner.

Utilisez-les, bidouillez-les, inventez-en d’autres !

Pourquoi éduquer au Web

Une génération sans autre proposition que la consommation ?

Il y a presque 30 ans le plan informatique pour tous, malgré tous les défauts et limites matérielles qui devaient conduire à son abandon, a eu le mérite de mettre une génération d’enfants devant des ordinateurs sur lesquels ils s’initiaient à la programmation : dès l’école primaire on apprenait à piloter une « tortue » en logo, puis au collège on s’initiait aux rudiments du BASIC.

On peut penser raisonnablement qu’un petit nombre des enfants d’alors y ont pris goût et sont devenus depuis des acteurs de l’industrie numérique. Et que dire des gamins pour lesquels les portes du Centre international de l’informatique étaient ouvertes dès 1981 ?

Aujourd’hui, quelle occasion ont les enfants et adolescents de mettre les doigts dans le code, de concevoir un contenu pour le Web, d’être autonomes dans leurs usages d’Internet ? Ce n’est maintenant pas avant la classe de terminale scientifique qu’il s’agit d’apprendre à programmer, encore est-ce très clairement lié aux activités mathématiques et scientifiques.

Rien ne leur est proposé pour créer sur le Web, rien ne leur est proposé d’autre que de consommer des contenus dès l’âge tendre. Comment pourraient-ils devenir de utilisateurs conscients et compétents du Web ?

…et tous les autres utilisateurs ?

Aujourd’hui les jeunes ne sont pas les seuls à être privés d’éducation au Web. Que dire de tous ceux qui en maîtrisent à peine l’usage minimum ? De tous les milieux et de tous les âges, y compris dans les métiers dits intellectuels qu’on pourrait croire mieux informés, nombreux sont ceux autour de nous qui confondent un navigateur et un moteur de recherche, qui pensent être protégés de tout par un antivirus et qui ignorent jusqu’à l’existence d’un truc qu’on appelle les logiciels libres.

L’enjeu ?

— C’est la plasticité d’un Web libre et ouvert et sa maîtrise par des utilisateurs conscients. C’est la possibilité pour chacun de comprendre ce qui se passe dans les coulisses d’un site ou d’un service en ligne, d’être conscient des risques de la surveillance généralisée et de la marchandisation de nos profils. C’est la possibilité pour chacun d’être un acteur du Web et d’en tirer le meilleur parti sur tous les plans.

Oui d’accord, j’arrête avec les idéaux, voyons un peu ce que propose Mozilla.

Des outils ludiques pour apprendre

Les lunettes déshabillantes du HTML

Quand j’étais gosse (c’était au millénaire précédent), on pouvait voir dans les magazines des publicités pour un gadget qui ne manquait pas de nous faire fantasmer : des lunettes à rayons X, qui étaient supposées dévoiler des silhouettes sous les vêtements. Je n’ai jamais su si ces promesses alléchantes avaient un quelconque fondement. En revanche, la supervision de Superman, qui ne me faisait guère fantasmer, semble s’être réalisée avec les X-Ray Goggles de Webmaker. Il s’agit ni plus ni moins que de révéler le code source et donc d’apprendre le nom des éléments, attributs et autres balises HTML en se promenant sur la page web, une fois activées les « lunettes ».

Il s’agit d’un script qu’on dépose sur la barre d’outils comme un simple bookmarklet (tiens, pourquoi avait-on perdu de vue les bien pratiques bookmarklets ?). Pour l’utilisateur c’est simplissime et presque amusant. Pour moi le vieux pervers c’est comme si je pouvais regarder sous les jupes… de la page. Mais voici quelques captures d’écran qui vaudront mieux qu’une trop longue description :

Première étape : faire glisser le bookmarklet sur la barre d’outils de son choix

Sur une page qu’on aime bien (celle de connard.pro par exemple) il suffit de survoler et les éléments ou attributs HTML se mettent en couleurs et sont identifiés.

TOUT est désormais modifiable sur la page : textes, images, balises… ici j’augmente l’interligne et j’ajoute des italiques.

…et le plus chouette (mot qui voulait dire trop cool autrefois) c’est que je peux publier le résultat remixé par mes soins et communiquer fièrement l’adresse aux victimes du bidouillage.

Allez vous aussi vous amuser avec les lunettes à rayons X, c’est ici https://goggles.webmaker.org/fr et c’est en français grâce aux contributeurs de MozFr (oui c’est imprononçable, et alors ?)

— Au fait, si vous voulez passer à l’étape supérieure, vu que vous êtes « pro » et que vous regardez tout cela avec un sourire condescendant, essayez donc l’inspecteur (Ctrl+Maj+C) parmi les nombreux outils de développement web inclus dans Firefox (what else ?)

À suivre ! -> la semaine prochaine : Thimble, l’éditeur HTML interactif qui poutre.

« Dessine-moi les menaces informatiques ! »

Telle est la proposition de l’AFUL qui souhaite ainsi sensibiliser la jeune génération sur cet épineux sujet.

Dessine-moi les menaces informatiques ! Comment se protéger de l’informatique à l’ère post-Snowden

URL d’origine du document

Février 2014 – AFUL

À l’occasion de la publication de son document « Comment se protéger de l’informatique, ou l’informatique à l’ère post-Snowden » l’AFUL organise une grande activité de dessin pour les enfants en leur demandant « Dessine-moi les menaces informatiques ! ».

L’AFUL vient de publier le document Comment se protéger de l’informatique, ou l’informatique à l’ère post-Snowden.

À cette occasion l’AFUL convie les enfants de 7 à 17 ans à dessiner ce que leur évoquent les menaces informatiques (de celles des téléphones portables aux navigateurs Internet des ordinateurs de bureau) en même temps que des bonnes habitudes à prendre.

Il est demandé que les dessins envoyés soient placés sous une licence libre, idéalement Creative Commons Paternité – Partage des Conditions Initiales à l’Identique (ce sera la licence par défaut si rien n’est précisé) de manière à ce que l’AFUL puisse les publier et qu’ils servent au plus grand nombre.

Alors jeunes gens, filles et garçons, à vos crayons de couleur, crayons feutres et/ou logiciels de dessin !

Nous attendons des dessins de toute la francophonie (Afrique, Europe, Amérique du Nord, DOM-TOM français, écoles francophones), nous voulons voir quel est le degré de prise de conscience sur toute la Terre.

Dans la continuité de son accord cadre avec le ministère de l’Éducation, l’AFUL sollicite les maîtresses et maîtres d’école, les professeurs, les éducateurs et bien entendu les parents pour assurer l’encadrement et la motivation des troupes. Ce peut être aussi l’occasion de nouer des partenariats pédagogiques. Un dossier pédagogique sera fourni aux adultes sur ces sujets, histoire de ne pas alimenter de paranoïa mais bien de donner des éléments favorisant la compréhension du sujet par des citoyens libres et éclairés.

Les dessins peuvent être envoyés par n’importe quel moyen et sous n’importe quelle forme. Que ce soit par la poste ou par voie électronique. Dans le cas d’un gros fichier, pensez à plutôt le mettre à disposition sur un espace en ligne plutôt que de nous l’envoyer par courriel, ce qui aurait pour effet de saturer nos boîtes aux lettres.

Les dessins sont à envoyer à :

dessine-moi-les-menaces-informatiques@aful.org

ou

AFUL
Boîte associative 14
23 rue GRENETA
75002 PARIS
FRANCE

Toutes les classes, et tous les enfants en individuel, ayant participé recevront un diplôme personnalisé de l’AFUL !

L’opération dure toute l’année civile 2014, dans le cadre de Éducation au numérique : grande cause nationale 2014. La date limite pour envoyer vos dessins est donc le 31 décembre 2014.

L’espoir est dans les jeunes générations. Des jeunes qui s’interrogent, qui exercent leur esprit critique, qui savent programmer, c’est l’espoir d’avoir des citoyens et des décideurs qui comprennent l’outil informatique. Plutôt que de le subir (perdre la main sur ses données personnelles, etc.) ou de s’en servir comme justification de l’incompétence (choix des ordinateurs de vote, etc.) ou du manque de courage (prescription de logiciels non libres, etc.), ils pourront en tirer parti pour le bien de la société.

Une parabole de notre temps, joliment narrée ici par notre ami Ploum (qui signe de temps à autres sur le Framablog).

On évite de peu la dystopie à la fin 😉

Le pommier magique

URL d’origine du document

Au fond de mon jardin, après une petite clôture rouillée, s’étend un grand verger rempli de pommiers. Au printemps, les oiseaux gazouillent et, en été, de délicieuses pommes dorées reflètent les multiples rayons du soleil.

Marcel, mon voisin, vend sa récolte à un industriel venu de la ville. Après la récolte, de bruyants camions chromés viennent chercher les pommes pour en faire de la compote.

Tout au fond du verger, à la limite de mon jardin, se tient un très vieux pommier dont le tronc noueux dessine de noires arabesques. Comme le visage d’un vieil homme sage, il semble à la fois flétri et durci par le temps. Une longue branche s’étend au dessus de la maigre barrière et apporte une ombre bienfaisante sur mon petit carré d’herbe violette.

Je n’y aurais jamais prêté réellement attention si, ce matin là, je n’avais vu une superbe pomme dorée et brillante se balançant au-dessus de moi. Elle paraissait croquante et juteuse, gorgée de soleil, de parfums et de cris d’oiseaux. Je n’hésitai qu’un instant. Après tout, la pomme n’était-elle pas sur mon terrain ? Et puis, des pommes, Marcel en avait tant !

Je la cueillis et la croquai avec délectation. Quelle ne fut pas ma surprise de constater, quelques instants plus tard, que la même pomme se tenait toujours sur sa branche. Pourtant, le trognon dénudé que je tenais en main prouvait que je n’avais pas rêvé. Étonné, je cueillis cette seconde pomme pour la porter à ma compagne. À mon retour, je découvris une troisième pomme. Ne voulant laisser passer une telle aubaine, je remplis un seau entier de magnifiques pommes dorées. Mais, sur sa branche, la pomme me narguait encore et toujours.

Enfourchant ma bicyclette, je me rendis chez Marcel afin de le prévenir. Il constata, comme moi, le mystérieux phénomène.
« Tu pourrais augmenter ta production de pommes ! lui dis-je.
— Oui mais cueillir cette pomme demande du travail. Dans mon verger, ce sont des automates parfaitement calibrés qui s’occupent de tout. Et puis, je vis bien avec ce que m’achète l’industriel.
— Alors, ne pouvons-nous pas en faire profiter les plus démunis ? dis-je.
— C’est vrai, me répondit Marcel. Tu as ma bénédiction. »

Je passai donc l’après-midi à cueillir des seaux de pommes que je portai au centre de redistribution volontaire des ressources. Interpellé par ma démarche, je discutai avec le Maire qui me suggéra d’apporter des pommes dans toutes les écoles. Cela serait également une excellente opportunité de promouvoir les bons produits du terroir face au règne tout-puissant des barres sucrées sous plastique aseptisé. Enthousiaste, je me mis au travail. Tous les jours, je m’astreignais à cueillir une dizaine de seaux pour les écoles de la région. Chaque soir, mes muscles grinçaient sous les courbatures mais j’étais heureux, satisfait. Je m’endormais avec un large sourire aux lèvres.

Un matin, ma compagne vint me trouver dans le jardin avec un étrange appareillage.
« Cela fait plusieurs jours que je te regarde, dit-elle. Alors j’ai adapté un de nos bras robotisés et je l’ai reprogrammé. Il va désormais cueillir des seaux entiers sans effort et de manière beaucoup plus efficace. En ajoutant un câble transporteur, les seaux seront directement amenés devant la maison. Ceux qui le souhaitent n’auront qu’à se servir. Tu demanderas aux écoles de venir chercher les pommes elles-mêmes. »

Aussitôt dit, aussitôt fait. Après quelques jours, les camionnettes venaient de la région entière pour charger des caisses de pommes gratuites. Tout semblait allait pour le mieux lorsque je fus réveillé un matin par des coups tapés à ma porte. Enfilant rapidement un peignoir, j’ouvris la porte, ébouriffé. Devant moi se tenait Marcel, l’industriel et un agent de la garde galactique.

« Monsieur, commença l’industriel, nous sommes venu régler l’affaire de ce vol permanent que vous perpétrez aux dépens de monsieur Marcel.
— De vol ? fis-je d’une voix ensommeillée.
— Oui, intervint le garde. Vous êtes accusé de vol de pommes dans la propriété de monsieur Marcel.
— Mais c’est ridicule, balbutiais-je.
— Permettez ? C’est à moi d’en juger. Pouvez-vous me montrer l’endroit du délit ? »

Nous nous rendîmes tous les quatre, moi en pantoufles et peignoir, vers le fond du jardin où je montrai la branche sur laquelle luisait une belle, magnifique, succulente pomme dorée.

« Voyez ! dis-je. Je n’ai pas volé de pommes. Elle est sur sa branche !
— Regardez monsieur le garde, intervint l’industriel, tout cet outillage est destiné à cueillir les pommes. Il y a donc bel et bien vol !
— En effet, fit le garde. Cela me semble clair !
— Mais je n’ai jamais été sur le terrain ! Marcel n’a jamais manqué de pomme. Il ne peut y avoir vol !
Le garde semblait embêté.
— La loi ne prévoit pas le cas des pommiers magiques. Si vous avez pris des pommes, c’est qu’il y a vol.
— Mais Marcel avait marqué son accord ! Dis leur, Marcel ! »
Marcel baissa les yeux.
« Je suis désolé, balbutia-t-il. Mais l’industriel menace de ne plus m’acheter ma production. Je n’ai pas le choix.
— Pourquoi ? demandai-je.
— C’est très simple, me répondit l’industriel. De plus en plus de gens viennent chercher des pommes illégales chez vous et font de la compote chez eux, à la maison. Ils inventent des recettes qu’ils se transmettent. Si je ne peux plus vendre de la compote, je ne peux plus acheter chez Marcel. Bien sûr, je pourrais me fournir chez vous mais je suis honnête. Je respecte le travail des autres, moi ! Je sais que tout travail mérite salaire et je n’exploite pas honteusement celui des autres !
— Ce serait ma ruine, sanglota Marcel. Tu comprends ? Je dois payer l’emprunt pour rembourser les machines agricoles. Sans compter leur entretien.
— Mais je voulais juste que tout le monde puisse manger à sa faim !
— Que se passerait-il si tout le monde faisait comme vous ? répliqua sèchement l’industriel. Incivique ! »

Je restai sans voix, pris au dépourvu. Le garde galactique me jeta un œil sévère.
« Votre compte est bon !
— Mais je n’ai rien fait de mal ! Au contraire, je me contente d’aider les pauvres et les écoles. J’ai aidé à promouvoir une alimentation saine auprès de nos jeunes.
— C’est vrai, acquiesça le garde. Cela joue en votre faveur. En échange de votre promesse de ne plus recommencer, messieurs Marcel et l’industriel ici présents accepteront certainement d’abandonner les charges retenues contre vous.
— D’accord, dit l’industriel. Mais alors, il nous faut des garanties. Coupez cette branche !

Sous mon regard hébété, le garde galactique entreprit de scier consciencieusement la branche magique. Il démonta également le bras robotisé et l’embarqua. Sans un mot, ils se retirèrent, emportant avec eux tous les seaux de pommes qui traînaient dans le jardin. Penaud, Marcel m’adressa un timide geste de la main avant de disparaître. Je contemplai un instant la branche morte qui gisait sur le sol. Un peu de sève s’écoulait.

Mélancolique, je rentrai dans la maison. Ma compagne se réveillait.
« Tu as bien dormi ? me demanda-t-elle.
— J’ai rêvé qu’une magie impromptue permettait soudainement au monde entier de ne plus mourir de faim, de manger sainement, équilibré et d’être en bonne santé.
— C’est un rêve merveilleux.
— Mais nous avons dû abandonner cette magie. La loi ne prévoyait pas ce genre de cas.
Elle posa une main sur mon bras et, de l’autre, porta une tasse de thé fumante à ses lèvres.
— Ne t’inquiète pas ! De la magie, il y en a dans chaque regard, chaque sourire. La loi ne pourra pas toujours la contrecarrer. Il suffit d’être patient. »
Elle me décocha un sourire. Je répondis par un clin d’œil. Elle se mit à rire doucement. Emporté par son élan, je ne pus réprimer un large sourire qui se transforma rapidement en un rire franc, libéré. Après quelques secondes, nous riions tous deux aux éclats. Nous nous tenions les côtes sans plus pouvoir nous arrêter. Essuyant des larmes de joies, ma compagne hoqueta :
— Tu vois ? La magie fonctionne déjà !

Crédit photo : Rovanto (Creative Commons By-NC-SA)

Chers lecteurs du Framablog,

Vous avez été nombreux mercredi soir, 15 janvier 2014, à nous signaler — par mail ou par twitter — une alerte de sécurité concernant le Framablog. En effet, dès 22h, Firefox a commencé à signaler le Framablog comme « site malveillant », suivi une demi-heure plus tard par Chrome.

Malheureusement, ceci n’était pas un exercice. Plusieurs fichiers javascript avaient été touchés et nous avons retrouvé le fichier php infectieux à l’origine du problème.

Un grand merci à FramaSky et JosephK qui ont passé leur nuit sur le problème pour que le blog revienne au plus vite à la normale et garantir votre sécurité, fût-ce au mépris de leur sommeil — et d’un épisode de Sherlock pourtant redoutablement tentant. À tous ceux qui hésitent entre un coup fumeux de la NSA, une revanche de Mountain View quant à notre campagne « moins de Google, plus de libre » ou un happening des Connards Professionnels, nous répondons que nous ne pensons pas être si importants que ça.

Une nouvelle attaque a eu lieu dès le lendemain jeudi vers 17h, redirigeant les visiteurs vers un site bien évidemment douteux. Aussitôt alertés, nous avons placé le Framablog en maintenance afin d’éviter d’exposer nos lecteurs et pour nous permettre d’examiner le problème plus sereinement. Échaudés par la première attaque, nous savions déjà quoi chercher pour nettoyer le site, et Pyg a trouvé puis comblé la faille dans notre système. Le blog a été remis en ligne dans la soirée, sans tambours ni trompettes, tout fatigués que nous étions.

Par ailleurs, on nous a signalé ce vendredi que des commentaires avaient disparu de certains billets. Comme quelques uns de ces commentaires étaient critiques vis-à-vis des billets concernés, il aurait été facile de penser à de la censure. Sachez qu’il n’en est rien : cette attaque a visiblement eu des conséquences que nous n’avions pas repérées de prime abord. Nous remercions les commentateurs concernés, car ceux-ci ont très rapidement fait le rapport avec nos problèmes.

Cet incident nous a confortés dans le constat que nous avions déjà fait : la plateforme qui accueille le Framablog est vétuste, elle héberge d’autres sites et des expérimentations non supprimées après abandon, qui sont potentiellement autant de failles de sécurité. De plus, le moteur du blog est bardé de plug-ins collectionnés au fil des années et des collaborateurs. Il devient difficile de garantir la sécurité du blog de manière satisfaisante. Nous allons donc entériner et accelérer le choix — évoqué lors de l’Assemblée générale qui s’est tenue début janvier — d’abandonner la forme actuelle du Framablog, de ne le conserver « que » comme mémoire des anciens articles et repartir à zéro pour un Framablog tout beau tout propre que nous installerons sur une machine virtuelle tout neuve. Pour l’instant, nos choix se porteraient sur un wordpress flambant neuf avec un des thèmes natifs légèrement remanié — ou une solution qui soit techniquement simple et qui ne pose pas de problème de maintenance — tout en optant pour une politique minimaliste en ce qui concerne l’ajout d’extensions sous le regard inquisiteur de FramaSky.

Ce changement sera effectué en ayant à cœur de respecter votre confort, votre sécurité et vos données (en instaurant par exemple un partage en deux clics comme c’est actuellement testé sur www.connard.pro)

Bien entendu, une migration se fait rarement sans heurts. Il se peut donc, au cours des prochaines semaines, que quelques perturbations adviennent lorsque vous naviguerez sur le Framablog. Nous promettons de faire de notre mieux pour qu’elles soient réduites au minimum.

Nous espérons que vous prendrez toujours autant de plaisir à lire et à participer à cet outil d’information du Libre francophone.

L’équipe du Framablog

Crédit image couverture : Drapeau du pirate Henry Every… (CC-0 par “Eugene Zelenko”)