Un cas de dopage : Gégé sous l’emprise du Dr Valvin

Quand un libriste s’amuse à reprendre et développer spectaculairement un petit Framaprojet, ça mérite bien une interview ! Voici Valvin, qui a dopé notre, – non, votre Geektionnerd Generator aux stéroïdes !

Gégé, le générateur de Geektionnerd, est un compagnon déjà ancien de nos illustrations plus ou moins humoristiques. Voilà 4 ans que nous l’avons mis à votre disposition, comme en témoigne cet article du Framablog qui vous invitait à vous en servir en toute occasion. Le rapide historique que nous mentionnions à l’époque, c’est un peu une chaîne des relais qui se sont succédé de William Carvalho jusqu’à Gee et ses toons en passant par l’intervention en coulisses de Cyrille et Quentin.

Vous le savez, hormis le frénétique Luc qu’on est obligés de piquer d’une flèche hypodermique pour l’empêcher de coder à toute heure, on développe peu à Framasoft. Aussi n’est-il guère surprenant que ce petit outil ludique soit resté en sommeil sans évolution particulière pendant ces dernières années où la priorité allait aux services de Dégooglisons.

Enfin Valvin vint, qui à l’occasion de l’ajout d’une tripotée de nouveaux personnages se mit à coder vite et bien, poursuivant avec la complicité de Framasky – ô Beauté du code libre ! – la chaîne amicale des contributeurs.

Mais faisons connaissance un peu avec celui qui vient d’ajouter généreusement des fonctionnalités sympathiques à Gégé.

Commençons par l’exercice rituel : peux-tu te présenter pour nos lecteurs et lectrices. Qui es-tu, Valvin ?

Salut Framasoft, je suis donc Valvin, originaire de Montélimar, j’habite maintenant dinch Nord avec ma petite famille. Je suis un peu touche-à-tout et il est vrai que j’ai une attirance particulière pour le Libre mais pas uniquement les logiciels.

 

Qu’est-ce qui t’a amené au Libre ? Tu es tombé dedans quand tu étais petit ou bien tu as eu droit à une potion magique ?

J’ai commencé en tant qu’ingénieur sur les technologies Microsoft (développement .NET, Active Directory, SQL Server…) J’avais bien commencé non ? Puis Pepper m’a concocté une potion et puis …. vous savez qu’elle ne réussit pas souvent ses potions ?

Plus sérieusement lors de mon parcours professionnel, j’ai travaillé dans une entreprise où Linux était largement déployé, ce qui m’a amené à rencontrer davidb2111, libriste convaincu depuis tout petit (il a dû tomber dans la marmite …). Et je pense que c’est lui qui m’a mis sur la voie du Libre…

Cependant ce qui m’a fait passer à l’action a été la 1re campagne « Dégooglisons Internet »… Elle a débuté juste après mon expérience de e-commerce, quand je gérais un petit site web de vente en ligne où j’ai découvert l’envers du décor : Google analytics, adwords, comparateurs de prix… et pendant que j’intégrais les premiers terminaux Android industriels.

Je suis maintenant un libriste convaincu mais surtout défenseur de la vie privée. Certains diront extrémiste mais je ne le pense pas.

Dans ta vie professionnelle, le Libre est-il présent ou bien est-ce compliqué de l’utiliser ou le faire utiliser ?
Aujourd’hui, je suis une sorte d’administrateur système mais pour les terminaux mobiles industriels (windows mobile/ce mais surtout Android). Pour ceux que ça intéresse, ça consiste à référencer du matériel, industrialiser les préparations, administrer le parc avec des outils MDM (Mobile Device Management), mais pas seulement !

Je suis en mission chez un grand compte (comme ils disent) où le Libre est présent mais pas majoritairement. On le retrouve principalement côté serveur avec Linux (CentOS), Puppet, Nagios/Centreon, PostgreSQL … (la liste est longue en fait). Après je travaille sur Android au quotidien mais j’ai un peu du mal à le catégoriser dans le Libre ne serait-ce qu’en raison de la présence des Google Play Services.

J’ai la chance d’avoir mon poste de travail sous Linux mais j’utilise beaucoup d’outils propriétaires au quotidien. (j’démarre même des fois une VM Windows … mais chuuuut !!).

Je suis assez content d’avoir mis en place une instance Kanboard (Framaboard) en passant par des chemins obscurs mais de nombreux utilisateurs ont pris en main l’outil ce qui en fait aujourd’hui un outil officiel.

On découvre des choses diverses sur ton blog, des articles sur le code et puis un Valvin fan de graphisme et surtout qui est prêt à contribuer dès qu’il y a passion ? Alors, tu as tellement de temps libre pour le Libre ?

Du temps quoi ?… Malheureusement, je n’ai pas beaucoup de temps libre entre le travail, les trajets quotidien (plus de 2 heures) et la famille. Du coup, une fois les enfants couchés, plutôt que regarder la télé, j’en profite (entre deux dessins).
Mes contributions dans le libre sont principalement autour du projet de David Revoy, Pepper & Carrot. J’ai la chance de pouvoir vivre l’aventure à ses côtés ainsi que de sa communauté. Et dans l’univers de la BD, c’est inédit ! D’ailleurs je te remercie, Framasoft, de me l’avoir fait découvrir 🙂
Si je peux filer un petit coup de main avec mes connaissances sur un projet qui me tient à cœur, je n’hésite pas. Et même si ce n’est pas grand-chose, ça fait plaisir d’apporter une pierre à l’édifice et c’est ça aussi la magie du Libre !
J’ai eu parfois l’ambition de lancer moi même des projets libres mais j’ai bien souvent sous-estimé le travail que ça représentait …

Et maintenant, tu t’attaques au geektionnerd, pourquoi tout à coup une envie d’améliorer un projet/outil qui vivotait un peu ?
Je dois avouer que c’est par hasard. J’ai vu un message sur Mastodon qui m’a fait découvrir le projet. Il n’y a pas si longtemps, je m’étais intéressé au projet Bird’s Dessinés et j’avais trouvé le concept sympa. Mais tout était un peu verrouillé, notamment les droits sur les réalisations. J’aime bien le dessin et la bande dessinée, le projet du générateur de Geektionnerd m’a paru très simple à prendre en main… du coup, je me suis lancé !

Tu peux parler des problèmes du côté code qui se sont posés, comment les as-tu surmontés  ?
Globalement, ça s’est bien passé jusqu’au moment où j’ai voulu ajouter des images distantes dans la bibliothèque. Le pire de l’histoire c’est que ça fonctionnait bien à première vue. On pouvait ajouter toutes les images que l’on voulait, les déplacer… Nickel ! Et puis j’ai cliqué sur « Enregistrer l’image » et là… j’ai découvert la magie de  CORS !

CORS signifie Cross Origin Ressource Sharing et intervient donc lorsque le site web tente d’accéder à une ressource qui ne se situe pas sur son nom de domaine.
Il est possible de créer une balise image html qui pointe vers un site extérieur du type :

<img src="https://www.peppercarrot.com/extras/html/2016_cat-generator/avatar.php?seed=valvin" alt="c'est mon avatar" />

En revanche, récupérer cette image pour l’utiliser dans son code JavaScript, c’est possible mais dans certaines conditions uniquement. Typiquement, si j’utilise jquery et que je fais :

$.get("https://www.peppercarrot.com/extras/html/2016_cat-generator/avatar.php?seed=Linux", function(data){
    $("#myImg").src = data;
});

On obtient :

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://www.peppercarrot.com/extras/html/2016_cat-generator/avatar.php?seed=Linux. (Reason: CORS header 'Access-Control-Allow-Origin' missing).

En revanche, si on utilise une image hébergée sur un serveur qui autorise les requêtes Cross-Origin, il n’y a pas de souci :

$.get("https://i.imgur.com/J2HZir3.jpg", function(data){
    $("#myImg").src = data;
});

Tout cela en raison de ce petit en-tête HTTP que l’on obtient du serveur distant :

Access-Control-Allow-Origin *

où `*` signifie tout le monde, mais il est possible de ne l’autoriser que pour certains domaines.
Avec les canvas, ça se passait bien jusqu’à la génération du fichier PNG car on arrivait au moment où l’on devait récupérer la donnée pour l’intégrer avec le reste de la réalisation. J’avais activé un petit paramètre dans la librairie JavaScript sur l’objet Image

image.crossOrigin = "Anonymous";

mais avec ce paramètre, seules les images dont le serveur autorisait le Cross-Origin s’affichaient dans le canvas et la génération du PNG fonctionnait. Mais c’était trop limitatif.

Bref, bien compliqué pour par grand-chose !

J’ai proposé de mettre en place un proxy CORS, un relais qui rajoute simplement les fameux en-têtes mais ça faisait un peu usine à gaz pour ce projet. Heureusement, framasky a eu une idée toute simple de téléchargement d’image qui a permis de proposer une alternative.
Tout cela a fini par aboutir, après plusieurs tentatives à ce Merge Request : https://framagit.org/framasoft/geektionnerd-generator/merge_requests/6

Et après tous ces efforts quelles sont les fonctionnalités que tu nous as apportées sur un plateau ?

Chaud devant !! Chaud !!!

  • Tout d’abord, j’ai ajouté le petit zoom sur les vignettes qui était trop petites à mon goût

  • Ensuite, j’ai agrandi la taille de la zone de dessin en fonction de la taille de l’écran. Mais tout en laissant la possibilité de choisir la dimension de la zone car dans certains cas, on ne souhaite qu’une petite vignette carrée et cela évite de ré-éditer l’image dans un second outil.

  • Et pour terminer, la possibilité d’ajouter un image depuis son ordinateur. Cela permet de compléter facilement la bibliothèque déjà bien remplie 🙂

Merci ! D’autres développements envisagés, d’autres projets, d’autres cartoons dans tes cartons ?

D’autres développements pour Geektionnerd ? Euh oui, j’ai plein d’idées … mais est ce que j’aurai le temps ?
– intégration Lutim pour faciliter le partage des réalisations
– recherche dans la librairie de toons à partir de tags (nécessite un référencement de méta-data par image)
– séparation des toons des bulles et dialogues : l’idée serait de revoir la partie gauche de l’application et trouver facilement les différents types d’images. Notamment en découpant par type d’image : bulles / personnages / autres.
– ajout de rectangles SVG pour faire des cases de BD
– amélioration de la saisie de texte (multi-ligne) et sélection de la fonte pour le texte
– …
Je vais peut-être arrêter là 🙂

Sinon dans les cartons, j’aimerais poursuivre mon projet Privamics dont l’objectif est de réaliser des mini-BD sur le sujet de la vie privée de façon humoristique. Mais j’ai vu avec le premier épisode que ce n’était pas une chose si facile. Du coup, je privilégie mon apprentissage du dessin 🙂

Bien entendu, Pepper & Carrot reste le projet auquel je souhaite consacrer le plus de temps car je trouve que le travail que fait David est tout simplement fantastique !

Le mot de la fin est pour toi…
Un grand merci à toi Framasoft, tu m’as déjà beaucoup apporté et ton projet me tient particulièrement à cœur.

Vive le Libre !!! 🙂




Mozilla & Pocket : et si on montrait la force du Logiciel (vraiment) Libre  ?

On aime beaucoup la fondation Mozilla, et le plus poilu de nos navigateurs web : Firefox. Alors, forcément, parfois, on a envie d’être encore plus exigeants avec ceux qu’on aime en leur rappelant pourquoi on les aime.

Mozilla, Pocket et Framabag

Depuis quelques jours, Mozilla a poussé une mise à jour de FireFox intégrant l’application Pocket, un logiciel de lecture en différé… qui est privatif (mais pas le bout de code, intégré à Firefox 38.0.5 et suivants, qui lui est open source) et qui centralise nos données.

C’est d’autant plus dommage que des solutions réellement Libres et Open source existent, que ce soit Wallabag (dont nous avons ouvert une instance nommée Framabag) ou l’outil qui existait déjà dans Firefox (comme le rappelle Nicolas Lœuillet, un des développeurs de Wallabag, dans une discussion en anglais reproduite ici).

Alors voilà, chers ami-e-s de Mozilla, chers utilisateurs et utilisatrices de Firefox… On va pas vous faire la morale. Mozilla doit faire des choix, et à eux de savoir le prix des libertés qu’ils nous font gagner (en aidant Pocket à re-rédiger ses CGU, comme ils l’auraient fait) face à celles que l’on perdra (ensemble).

On veut juste en profiter pour démontrer, une fois de plus, les belles choses que permettent le Libre et le collaboratif.

Découvrez Framabag

Vous ne savez pas ce qu’est Pocket, Wallabag ou Framabag ? Pas de souci. Chez Framasoft, on a des bénévoles tellement swag qu’illes prennent de leur temps libre pour vous faire une présentation drôle, Libre et simple histoire d’expliquer ce qu’est une application de read-it-later à votre papé !

Vous pouvez télécharger cette présentation à cette adresse, elle est signée Pyves sous licence CC-BY-SA (mais c’est pas parce que c’est pas sous licence Beerware que vous pouvez pas lui payer une bière à l’occasion !) et a été réalisée grâce à RevealJS… et Gégé.

 

Une présentation faite grâce à Gégé !

Gégé, c’est le GEektionerd GEnerator ! Il s’agit d’un fork du logiciel ComicGen de Chamb, qui permet de créer des images hyper simplement à partir d’une base de dessins. Cyrille, un de nos bénévoles, l’a forké en utilisant quelques dessins du geektionnerd afin que l’on puisse s’amuser avec les personnages de Gee.

Sauf que depuis que Pyves nous prépare cette belle présentation, on s’est dit que Gégé manquait de contenu ! Qu’à cela ne tienne… Un autre bénévole, Obny, est allé farfouiller dans les BD du geektionnerd pour nous aider à nourrir Gégé d’une trentaine de nouveaux dessins !

On peut donc désormais créer ses propres aventures en deux clics et trois roulés de mollette, comme ça :

troll connards

Toi aussi, viens tester Gégé ici !

Bienvenue chez les FramaColibris

La présentation de Pyves mettant en valeur l’application de Nicolas (et de son équipe), le travail de recherche d’Obny dans les dessins de Gee, le boulot d’intégration de Cyrille dans un fork du logiciel de Chamb… Voilà la force du Libre : des collaborations (et parfois des moments de poilades) rendues possibles grâce à des rencontres autour de nos claviers.

Depuis quelques mois, Framasoft a timidement ouvert aux bénévoles et bonnes volontés un forum pour demander et intégrer vos participation à l’aventure : www.framacolibri.org . Le nom est inspiré à la fois du mouvement Colibris (à découvrir et partager ^^) mais aussi de la légende… Un petit oiseau amène des gouttes du lac pour éteindre l’incendie de la forêt, car même si ça paraît insignifiant, il « fait sa part ».

framacolibri logo

C’est sur ce sujet que Pyves nous a rejoint pour proposer à framabag sa magnifique présentation. Et c’est à l’occasion de cette annonce que Obny a aidé Cyrille à trouver et intégrer plus de dessins à Gégé.

La morale de cette histoire, nous demanderez-vous…? Elle est simple :

« La route est longue, mais la voie est libre… surtout lorsque chacun-e fait sa part. »




Geektionnerd : Dégooglisons Internet

geektionnerd_213-1_simon-gee-giraudot_cc-by-sa.jpg

N’oubliez pas de visiter le site officiel de la campagne !

Vous pouvez également retrouver les visuels créés pour l’occasion sur le wiki de Framasoft. Il y a des badges et bannières à afficher sur vos sites, servez-vous ! Tout est libre et fourni avec les sources.

Crédit : Simon Gee Giraudot (Creative Commons By-Sa)




Geektionnerd : Dépêches Melba XVII

geektionnerd_212-1_simon-gee-giraudot_cc-by-sa.jpg

geektionnerd_212-2_simon-gee-giraudot_cc-by-sa.jpg

geektionnerd_212-3_simon-gee-giraudot_cc-by-sa.jpg

Sources sur Numerama :

Crédit : Simon Gee Giraudot (Creative Commons By-Sa)




Geektionnerd : Shellshock

geektionnerd_211-1_simon-gee-giraudot_cc-by-sa.jpg

geektionnerd_211-2_simon-gee-giraudot_cc-by-sa.jpg

Sources sur Numerama :

Crédit : Simon Gee Giraudot (Creative Commons By-Sa)




Geektionnerd : Projet de loi « terrorisme »

geektionnerd_210-1_simon-gee-giraudot_cc-by-sa.jpg

geektionnerd_210-2_simon-gee-giraudot_cc-by-sa.jpg

Sources :

Crédit : Simon Gee Giraudot (Creative Commons By-Sa)




Geektionnerd : Apple Watch

geektionnerd_209-1_simon-gee-giraudot_cc-by-sa.jpg

Je pense que cela se passe de sources, ce n’est pas vraiment une information confidentielle…

Crédit : Simon Gee Giraudot (Creative Commons By-Sa)




Geektionnerd : Firefox 32

geektionnerd_208-1_simon-gee-giraudot_cc-by-sa.jpg

geektionnerd_208-2_simon-gee-giraudot_cc-by-sa.jpg

Sources sur LinuxFr :

Crédit : Simon Gee Giraudot (Creative Commons By-Sa)




Geektionnerd : Discourse 1.0

geektionnerd_207-1_simon-gee-giraudot_cc-by-sa.jpg

geektionnerd_207-2_simon-gee-giraudot_cc-by-sa.jpg

Plus de détails sur le site officiel.

Crédit : Simon Gee Giraudot (Creative Commons By-Sa)




Geektionnerd : Ray’s Day

geektionnerd_206-1_simon-gee-giraudot_cc-by-sa.jpg

Loi de Murphy oblige, le site officiel de l’événement est indispo depuis hier, vous pouvez donc voir les détails de l’événement sur le site de Neil Jomunsi.

Pour l’occasion, j’ai pour ma part décidé d’écrire une nouvelle (la première que je publie en fait) que je vous offre aujourd’hui. Elle s’appelle La planète éteinte et fait dans les 8000 mots. Elle est illustrée par quelques aquarelles que j’ai peintes. C’est un récit de science-fiction et ce n’est pas humoristique (je précise car ce n’est pas habituel pour moi).

Vous pouvez la lire (après un texte d’introduction) directement en ligne sur mon site Ptilouk.net ou bien la télécharger. Elle est proposée aux formats ePub (merci à kinou pour s’être chargé de ça), PDF ou texte brut (markdown). J’ai également mis un format PDF sans les images (ce qui peut être pratique si vous souhaitez l’imprimer sans vider vos cartouches).

J’espère qu’elle vous plaira. N’hésitez pas à la partager sans modération !

Crédit : Simon Gee Giraudot (Creative Commons By-Sa)