Des parcours pédagogiques ludiques avec JLoDB

Ces dernières années, il n’y a pas de formation pour enseignants, de lettre ministérielle, d’exposition à destination des enfants qui ne parle pas de « parcours pédagogique ». Derrière ce grand terme fourre-tout on trouve globalement l’idée de faire passer l’apprenant par différentes étapes afin de lui permettre d’acquérir une notion, une compétence… Si on veut que ce parcours soit réellement pertinent et utile, il doit pouvoir s’adapter aux différents utilisateurs. C’est là que l’utilisation d’outils numériques peut prendre tout son sens.

Quelques outils existent dans l’univers du libre. L’association Sésamath développe par exemple le superbe projet J3P, très orienté pédagogie, qui permet à l’élève de créer son parcours parmi les différents exercices planifiés par l’enseignant en fonction de ses réponses.
Sur Framagora, nous avons eu la chance de voir l’évolution d’un projet plus ludique : JLoDB. Son auteur, Johann, nous présente sa réalisation.

 

Le site jLoDB
Le site jLoDB

Bonjour Johann, peux-tu nous présenter jLoDB ?

Bonjour. jLoDB est l’acronyme de « Javascript Learning Object Database ». C’est une base de données d’activités éducatives ; « éducatives » au sens large car il existe en son sein de nombreuses activités plus ludiques qu’éducatives : le Sudoku, Picross, Sokoban et d’autres encore. Ce projet se présente comme un site web tout ce qu’il y a de plus classique que chacun est libre d’utiliser, d’installer et de modifier comme le permet sa licence GPL-3.

L’architecture de jLoDB est modulaire. Il existe un noyau principal qui est la base de données où sont référencés tous les exercices en fonction de leur difficulté, de leur durée moyenne, de leur champ d’application et d’autres choses encore. Chaque exercice réalisé par l’utilisateur est évalué automatiquement par le programme qui lui donne une note de A à F.

Là-dessus, il est possible de développer des modules qui vont faire usage de cette base et de ces exercices. Parmi les modules actuellement disponibles on peut citer « Dä » qui est une sorte de trivial pursuit où chaque case donne lieu à un exercice issu de la base, « TiBibi » qui permet à un utilisateur de préparer et de stocker ses propres séries d’exercices et finalement « Genius socialis » qui organise les exercices suivant un parcours pédagogique.

 

Quelle est son originalité ?

D’un point de vue technique, jLoDB se veut le plus accessible possible. Le logiciel est très peu gourmand en ressources et doit pouvoir fonctionner sur tout type de matériel, même ancien. Ensuite, il repose sur des technologies libres et largement répandues (html et javascript côté client, apache, php et mysql côté serveur). En outre, l’utilisation du clavier est facultative rendant le projet compatible avec une utilisation sur tablette. Enfin, l’usage exclusif d’un format graphique vectoriel rend les activités indépendantes de la résolution de l’écran. Le petit bémol vient de la compatibilités des navigateurs puisque seul Firefox est totalement compatible. Safari, s’en sort très bien aussi, mais il souffre d’un bug d’affichage parfois pénalisant tout comme Chrome qui, en plus, ne supporte pas MathML, un format d’affichage de formules mathématiques. Internet Explorer n’est pas supporté.

Au niveau interface et jouabilité, je me suis énormément inspiré de ce qui se faisait dans le domaine du jeu vidéo. Même la représentation du parcours pédagogique est très inspiré par le sphérier de « Final Fantasy XII » ou l’arbre de compétences de « Path of exile ». Également, je suis un grand fan de logiciels comme « Docteur Kawashima » ou « Professeur Layton » qui, avec un game design astucieux, parviennent à rendre passionnant des problèmes parfois complexes. J’ai donc essayé d’appliquer le plus possible ces principes de gamification et j’espère que pour un projet éducatif, jLoDb arrive à proposer des choses ludiques et amusantes dans l’ensemble.

Initiation à la programmation
Initiation à la programmation

Enfin, du point de vue du contenu lui-même, certaines activités référencées dans la base me semblent assez peu communes.

  • 4 activités de programmation (Robot, LOGO, programmation impérative et Assembleur 6502) permettent à l’utilisateur d’apprendre l’informatique et la programmation de façon totalement autonome. C’est probablement la partie la plus développée actuellement. À l’heure où il est question de l’apprentissage de l’informatique à l’école, je crois sincèrement que jLoDb apporte une réponse tout à fait crédible.
  • L’activité « Équation » (inspiré par l’excellent « Dragon Box Algébra ») permet de résoudre des systèmes d’équations à plusieurs inconnus par simple manipulation d’éléments graphiques.
  • L’activité « MathCraft » (j’adore ce nom) propose des exercices de preuves mathématiques où l’utilisateur doit prouver une hypothèse à partir d’éléments fournis par

    Activité MathCraft
    Activité MathCraft

    l’énoncé. C’est encore assez expérimental et le formalisme de l’activité est un peu complexe, mais je trouve que cela donne des résultats plutôt prometteurs.

 

Maintenant qu’on connait un peu mieux ton projet, peux-tu te présenter un peu ? Quel est ton « parcours » ?

Je suis ingénieur en développement informatique. Dans la vraie vie, je bosse sur des programmes de gestion de flux de données. C’est un boulot intéressant car technique et exigeant mais, en même temps, il est assez frustrant parce qu’au final, il n’y a rien à montrer. Il n’y a aucun résultat visible : pas de jolies interfaces, aucune image, juste des flux de données et quelques logs. C’est, je crois, pour cette raison que j’ai commencé à programmer à la maison, pour moi, pour me faire plaisir. J’ai commencé par un logiciel de dessin sur Android en version 1.6 (« Plouik ») puis quelques jeux en SDL sous Linux avec un framework développé pour l’occasion (« Splashouille »).

 

Je suis honnêtement admiratif du boulot que tu as abattu seul. Depuis combien de temps travailles-tu sur ce projet ? Cela représente combien d’heures ?

Merci. Je ne saurais dire exactement. Si j’en crois mon compte GitHub, le dernier submit de « GNU versus zombie rotten tomatoes » (mon dernier développement hors jLoDb) remonte au 25 Juillet 2012. Je pense que cela doit correspondre au début du développement du projet. J’ai commencé par le jeu de l’alchimiste (Note De Moi : Je vous conseille de tester, c’est assez addictif comme jeu) et je me souviens l’avoir ré-écrit au moins 2 fois avant de trouver une structure satisfaisante, assez proche de ce qu’elle est encore aujourd’hui. Au niveau du temps passé, je ne saurais non plus dire. Tout cela est fait sur mon temps libre. J’essaie de développer un peu tous les jours mais cela est très fluctuant.

 

Je crois savoir que ton idée initiale était un seul et unique parcours dans lequel l’utilisateur pourrait progresser à n’importe quel moment de sa vie ? Cela ne te semble pas un peu audacieux comme projet ?

Tout provient d’un constat assez simple. En tant que joueur occasionnel, j’ai passé un temps incroyable sur de jeux comme « angry birds », « candy crush » ou « puzzle and dragons » à enchaîner des actions parfois très répétitives, à faire et refaire les mêmes niveaux, à me lever plus tôt le matin pour finir une quête quelconque. Les principes de gamification ont aujourd’hui une telle efficacité qu’il est souvent difficile de décrocher. L’idée sous-jacente du projet jLoDb est donc d’utiliser ces techniques de gamification sur des domaines plus académiques afin de créer une addiction à l’apprentissage.

Donc oui, pour répondre à la question, c’est extrêmement ambitieux (et pas mal prétentieux, aussi).

Ça l’est d’autant plus que je suis convaincu désormais qu’il est tout à fait possible d’intégrer la quasi-totalité des matières universitaires, de l’apprentissage de la lecture aux domaines post-bac (comme la thermodynamique ou la médecine). Le travail à accomplir est colossale mais au combien passionnant.

 

Tes graphismes sont très soignés. C’est toi qui fait tout cela également ? Avec quels logiciels ?

C’est gentil. Pour l’heure, j’ai réalisé l’ensemble des graphismes. J’ai cherché un peu à côté, mais j’avoue ne pas avoir trouvé grand chose. J’ai toujours aimé dessiner et mon petit niveau me permet de faire parfois illusion.Tous les graphismes sont vectoriels, du coup, j’utilise essentiellement Inkscape. Parfois, lorsque l’illustration à réaliser est très géométrique, il m’arrive de « dessiner » directement à l’aide d’un simple éditeur texte profitant du fait que le format vectoriel SVG est un format descriptif parfaitement lisible.

 

Par contre, pour le moment, les consignes des activités ne me semble pas forcément toutes toujours très claires. Besoin d’un coup de main ?

C’est un problème très récurrent avec mes développements. J’ai eu le même souci sur mon logiciel de dessin que je trouvais personnellement très intuitif mais qui, compte tenu des retours utilisateurs, ne l’était pas tant que cela.

Cela dit, je ne trouve pas que cela soit un problème en soit. Selon moi, le vrai souci est que le contenu du projet (les exercices mais aussi le parcours pédagogique) ne doit pas être rédigé par une seule personne. C’est un non-sens absolu. Surtout pour un projet libre (et surtout quand la dite personne n’a aucune compétence pédagogique). Si je le fais actuellement c’est faute de mieux car il faut bien pouvoir présenter quelque chose, mais il est clair que ce n’est pas une bonne chose. Donc oui, j’ai clairement besoin d’aide.

 

De manière générale, comment fait-on si on a envie de t’aider ?

Il y a plusieurs façons d’aider le projet. J’ai rédigé une notice dans un forum de discussion créé pour l’occasion (et encore un peu vide). Y sont détaillées les différentes façons de participer au projet.

Module Genius Socialis
Module Genius Socialis

Actuellement mon plus gros problème est la scénarisation et la validation du parcours pédagogique. Je n’ai aucune compétence pédagogique, aussi « Genius Socialis » ne doit pas être utilisé par des élèves. Pas encore. Pour qu’il soit exploitable, il faut, au préalable, qu’un groupe de personnes motivées organise et valide ces différentes séries d’exercices. Je pense que cela peut se faire via le forum car tous les outils nécessaires sont déjà disponibles. Donc, si cela vous intéresse n’hésitez pas à me contacter.

 

Et si je veux moi aussi installer jLoDB sur le serveur de mon école, c’est facile ? Tu as eu le temps de documenter cela quelque part ?

C’est facile au sens où c’est une installation relativement commune. Il faut disposer d’un serveur web. Le trio Apache, mySQL et PHP est largement suffisant. Il n’y a alors plus qu’à copier le projet dans l’arborescence web, modifier le fichier de configuration conf/jlodb.ini et lancer l’installation depuis la page principale du site. Rien de bien compliqué au final. J’ai mis un peu de documentation au niveau du forum de discussion.

 

Pourquoi le choix d’une licence libre (GPL 3) ? Tu aurais pu faire le choix du propriétaire, vendre cette solution à un éditeur scolaire et prévoir ainsi le remplacement de tes usines à spermatozoïdes par du métal précieux.

Pourquoi une licence libre ? À vrai dire, la question ne s’est pas vraiment posée : c’était une évidence dès le départ. Tout autre type de licence n’aurait fait que brider la diffusion du projet. Ce n’est pas ce dont j’avais envie.

 

Un exercice de géométrie
Un exercice de géométrie

Tu vas me trouver curieux (et cette question n’intéressera surement pas vraiment nos lecteurs), mais pourquoi as-tu choisi « Pouf-Pouf Production » comme nom de domaine ? Envie de concurrencer notre framaslave du domaine public dans les noms incongrus ?

Je pense que le choix de noms incongrus devrait être une obligation pour tous les développements non professionnels. C’est en tous cas le choix que j’ai fait en utilisant des noms parfaitement ridicules ou sans réelle signification sur l’ensemble de mes projets.

Initialement, « Plouik », mon logiciel de dessin sous Android et publié sous GooglePlay s’appelait « Sketchbook ». J’avais vérifié que ce nom n’était pas utilisé sur le market de Google mais je n’étais pas allé plus loin à l’époque. Si bien que quelque temps plus tard, j’ai reçu une lettre des avocats d’Autocad me demandant de dépublier expressément le logiciel sous peine de poursuites. Il est vrai qu’un « Autocad Sketchbook » existait déjà sur d’autres supports et, il a même été porté sous Android depuis.

J’ai donc changé le nom du logiciel. Mais, au final, le problème ne s’arrête pas là. Car même si le nom n’existe pas encore, il peut être déposé par une entreprise plus tard. Et le problème se reposera. Donc, pour éviter tout souci, le plus simple est, selon moi, de choisir, dès le départ, des noms dont personne ne veut, ni ne voudra jamais. Noms ridicules, imprononçables ou totalement incongrus : le choix reste très vaste.

 

Merci Johann pour cet entretien.




MyPads : point de la semaine 25

MyPadsTâches réalisées

Les avancées de cette semaine ne sont pas aussi importantes que prévu. Deux raisons à cela : un prestataire moins disponible et des tâches plus compliquées à réaliser qu’elles n’avaient été estimées. Voici donc ce qui a été fait :

  • La localisation des messages côté serveur a été faite. Il s’agit des messages renvoyés par l’API de MyPads, laquelle est utilisée par le client Web principal. Ceci était important notamment car certains messages, des erreurs avant tout, étaient affichés tels quels par le client Web et n’étaient pas traduits depuis l’anglais. Cette tâche a pris un peu de temps, car il a fallu faire le tour des fichiers pour la mettre en place puis traduire les messages vers le français.
  • La récupération de l’identifiant utilisateur et le choix d’une couleur pouvant être affichés par défaut dans les pads. C’est cette tâche, qui paraissait assez triviale, qui a été la plus chronophage. MyPads, en tant que plugin Etherpad, se sert du système d’événements renvoyés par Etherpad pour pouvoir interagir avec ce dernier. Modifier les paramètres de la session utilisateur était bel et bien possible, mais il n’y avait pas de moyen simple de connaître, dans le contexte renvoyé par Etherpad, quel était l’utilisateur actuel sous MyPads et de ce fait les informations à utiliser. Comme il n’était pas envisageable de modifier le cœur d’Etherpad pour renvoyer des données supplémentaires ni de modifier à la volée le code client d’Etherpad, il a fallu éprouver plusieurs pistes. Voilà comment cela se passe au final du point de vue utilisateur :
    • À l’inscription, vous pouvez d’ores et déjà opter pour une couleur par le biais de l’élément HTML5 dédié. Notez que ce choix est facultatif.
    • Par défaut, l’identifiant et la couleur, si elle a été sélectionnée, seront utilisés au sein des pads.
    • Dans votre profil, vous pouvez modifier votre couleur mais aussi demander à MyPads de ne pas utiliser vos données au sein des pads. Dans ce cas, MyPads n’interférera pas avec un usage classique d’Etherpad et il vous reviendra de spécifier votre nom et votre couleur au sein du pad.

Bien entendu, même si vous avez choisi d’employer par défaut vos données, vous pourrez toujours modifier, pour une session donnée, vos paramètres, par exemple si un invité a choisi la même couleur que vous.

Ces nouveautés sont disponibles sur la version en ligne. N’hésitez pas à tester et à nous donner vos impressions.

Pour la semaine 26

Sont prévus les deux éléments non réalisés la semaine dernière, à savoir le module de gestion des favoris ainsi que les pages publiques pour les groupes du même type ou ceux protégés par mot de passe. Également :

  • Lorsqu’un groupe est supprimé, les pads qui lui sont attachés le sont également. L’idée est de vous proposer, si vous le souhaitez, de déplacer les pads du groupe supprimé vers un autre groupe.
  • Vous laisser le choix de supprimer complètement votre compte. Si vous confirmez, tous les groupes et pads dont vous êtes le seul administrateur seront supprimés.
  • L’administration de MyPads
    • Réservée aux administrateurs de l’instance Etherpad.
    • Avec un module de gestion des utilisateurs.
    • Et un module de paramétrage de MyPads (taille des mots de passe, configuration pour l’envoi de mail etc).

MyPads

MyPads : week 25

Tasks done

Progress made this week haven’t been as important as expected. Two main reasons : less time for the contractor, and tasks more complicated than estimated. Then, what have been done:

  • Server-side messages localization, messages sent by the MyPads API, which is used by the Web client. This point was important especially because some messages, mainly errors, were displayed as received by the Web client and so were in English only. This task has taken some time because all server files had to inspected to setup this feature and then have been translated to French.
  • Login and user chosen color by default on MyPads pads. This work, that seems easy, has been time-consuming. MyPads, as an Etherpad plugin, uses hook system provided by Etherpad to be able to interact with it. Updating user session parameters is easily done but there is no simple way to know, within the context sent by Etherpad, who is the current user from MyPads and so which information to use. As it wasn’t conceivable to edit Etherpad core to get additional data neither live patching Etherpad client code, some ways have been explored. Here is how it works, from the user point of view :
    • When you subscribe, you can choose a color, thanks to the HTML 5 dedicated element. Please note this choice is optional.
    • By default, login and color, if it has been selected, are used for pad authorship.
    • Into your profile, you can update your color but also ask MyPads to not use your data into the pads. In that case, the plugin will be transparent and classical Etherpad feature will be here : it’s up to you to enter your name and choose your color from the pad interface.
    • Of course, even if you choose to use your data from MyPads, you can always overwrite it for a given session. Useful for example when another user has chosen the same color as you.

These new features are available on the online beta. Don’t hesitate to test and give us your feedback.

Week 26

Are planned the two remaining items from last week: bookmarks management module and public pages for public groups and password protected ones. Also:

  • When a group is removed, linked pads are too. The idea here is to offer you, if you wish, to move the pads to another existing group.
  • Let you the ability to completely remove your account. After confirmation, all groups and pads which you are the unique administrator will be removed.
  • MyPads administration
    • Restricted to Etherpad instance administrators.
    • With a user management module.
    • And a MyPads configuration module (password length, email sending parameters etc).



Framagames : des jeux pour changer les idées aux lycéens

Le mois de juin sent bon les différents examens. Du collégien à l’étudiant, nombre de cerveaux surchauffent.
C’est le cas de notre mascotte qui prépare son M.A.D. (Master d’Aptitude à Dégoogliser).
Le Framablog, comme tous les grands médias nationaux, se devant de faire un reportage sensationnel sur cette période de l’année, nous nous sommes entretenu avec notre pinchot.

Framasoft : Comment se passent ces révisions ?

Notre mascotte dessinée par L.L. de Mars en pleines révisions.
Notre mascotte dessinée par L.L. de Mars en pleines révisions.

Pinchot : Ça va, ça va. Je viens de finir le chapitre sur les C.G.U. des principaux services privateurs. Il ne me reste que celles sur Windows 10 et il y a de quoi lire !

Pour te permettre de te changer les idées, on te propose une petite compilation de jeux libres…

Sympa, cela va m’aérer les neurones 😉 Mais j’ai beau regarder mon cours de dégooglisation et je ne vois aucune référence à ce projet. L’iceberg était finalement trop grand et vous vous êtes rabattus sur un projet plus simple à réaliser 🙁 ?

Non rassure-toi, nous sauverons bien la galaxie entière et notre programme n’est pas bouleversé. Nous concentrons toujours toute notre énergie sur le projet dégooglisons. Au lancement de la campagne, Framagames était déjà quasiment finalisé mais nous ne trouvions pas le moment opportun pour annoncer la sortie. Avec l’arrivée des examens de fin d’année, on s’est dit que c’était une bonne idée d’offrir cette petite respiration récréative.

Soit ! Mais en première année de M.A.D. nous avons eu un TD où on a testé de superbes jeux libres : Battle for Wesnoth, Supertuxkart, OpenArena… Et là, je ne vois aucun de ces hits !

C’est normal. L’objectif est de présenter des jeux libres qui se jouent en ligne, se téléchargent sur son PC, sa tablette… et ne nécessitent aucune installation supplémentaire.

Par contre, vous manquez d’originalité, les trois premiers jeux semblent quasiment identiques !

Capture d'écran du site Framagames
Framagames : cliquez sur l’image pour aller jouer ;)

2048Frama
Fork du célébrissime 2048 aux couleurs de Framasoft.

Je crois que tu vas devoir relire ton petit Stallman illustré. C’est justement tout l’intérêt du libre : pouvoir réaliser des versions dérivées des œuvres originales. On s’est même amusé à produire un Frama2048.

Cela me donne envie d’en découvrir plus. Si je tombe sur un jeu libre, je fais comment pour qu’il apparaisse sur Framagames ?

Tu vérifies tout d’abord qu’il s’agit bien d’un jeu sous licence libre (pas de libre diffusion), qu’il ne nécessite aucune installation particulière et tu nous informes via le formulaire de contact.

Entendu ! Bon c’est pas tout, mais il faut que je retourne à mes révisions !

Détendez-vous la productivité avec www.framagames.org




Illustrer le Disque-Monde avec du logiciel libre : l’exemple allemand.

Vous aussi, vous entendez régulièrement que le logiciel libre, c’est bien gentil… mais que pour les usages professionnels, ça vaut pas les grrrrros concurrents ? Alors laissez-nous vous parler du Disque-Monde.

Ces romans de feu Sir Terry Pratchett, connus en France par une minorité d’initiés, sont un succès éditorial fracassant, depuis plus de trente ans, partout dans le monde. Le britannique a l’humour férocement intelligent a su séduire un public si large que chaque édition est un enjeu économique immense.

Or voici que l’illustratrice des éditions allemandes du Disque-Monde, Katarzyna Oleska, donne une interview au blog du logiciel libre Krita, puisque c’est ce dernier qu’elle utilise pour dessiner Rincevent, Mémé Ciredutemps, la Mort et autres personnages de ce monde fantasy et fantaisiste.

Loin d’être une libriste convaincue, c’est la qualité, l’accessibilité et l’interopérabilité du logiciel qui l’ont séduite face aux solutions propriétaires de Adobe & consorts. L’équipe de Framalang ne pouvait passer à côté d’une telle occasion de mettre ainsi en valeur un logiciel de plus créé par et pour la communauté !

Source : Krita comes to Discworld
Traduction : HgO, Piup, Obny, Framasky, Omegax, sinma, Pouhiou, KoS, Vincent, goofy, numahell, r0u + les anonymes

Krita arrive dans le Disque-monde !

Color-of-Magic-z-napisami-Katarzyna-Oleska

Nous avons découvert que les couvertures des versions allemandes du Disque-monde étaient réalisées avec Krita et avons eu le privilège de discuter de son travail avec l’artiste concernée !

Salut, mon nom est Katarzyna Oleska, je suis illustratrice et je travaille pour des éditeurs, des magazines et des particuliers. Il y a quelques mois, je suis tombée sur un logiciel de dessin gratuit nommé Krita. Mon expérience avec des logiciels gratuits n’était pas terrible, mais à ma grande surprise, Krita était différent. Au début j’ai été submergée par le nombre de panneaux et d’options de configuration, mais j’ai rapidement compris qu’ils étaient là pour une bonne raison. Je suis tellement tombée amoureuse de Krita que j’ai laissé tomber mon vieux Corel Painter et ai commencé à utiliser Krita pour dessiner mes commandes. La plupart de mes dernières illustrations pour Terry Pratchett ont été réalisées avec Krita.

Comment en es-tu venue à réaliser des illustrations et des couvertures de livres, en premier lieu ?

J’ai commencé à réaliser des couvertures en 2003 lorsque j’étudiais encore l’architecture. J’ai toujours aimé dessiner et peindre et je voulais voir mes œuvres imprimées. Alors un jour j’ai tenté ma chance et ai envoyé un e-mail à un des éditeurs pour lesquels je voulais travailler. J’ai joint quelques échantillons de mon travail et j’ai immédiatement eu un premier emploi. Plutôt chanceuse. À cette époque, je travaillais encore à l’ancienne mais, avec le temps, j’ai fini par acheter une tablette graphique et commencé à travailler de façon numérique.

Pyramids-z-napisami-Katarzyna-OleskaComment trouves-tu du travail ?

C’est très variable. Parfois les commandes viennent à moi, d’autres fois c’est à moi de les chercher. Si c’est le client qui me contacte, c’est généralement par le bouche à oreille ou parce que le client a vu mon travail en ligne. Mais j’essaie aussi de contacter de nouveaux éditeurs et leur envoie des exemples de mon travail, mon portfolio, etc.

Peux-tu choisir quels livres tu veux illustrer, ou bien est-ce-que tu te contentes de créer ce que les éditeurs te demandent ?

Malheureusement je ne peux pas me permettre de choisir ce que j’illustre. Je peux refuser poliment si je pense que je ne peux pas fournir une bonne illustration, par exemple lorsque je sens que mon style ne conviendrait pas à l’histoire. Mais les éditeurs savent, généralement, dans quel domaine je fais du bon travail, ils connaissent mon portfolio et je n’ai encore jamais vraiment refusé de couverture.

Comment est-ce que tu détermines quelle scène ou personnage montrer sur la couverture ?

Je ne peux prendre de bonne décision concernant quelle scène ou quels personnages mettre sur la couverture que si je connais l’histoire, donc à chaque fois que j’ai l’occasion de lire un livre je la saisis. Étant moi-même une passionnée de lecture, je sais à quel point il est important que la couverture reflète le contenu ; en particulier avec une série telle que les romans du Disque-monde de Terry Pratchett. J’étais déjà une grande fan de Terry Pratchett, donc ce n’était pas un problème.

Lorsque je choisis une scène à peindre, j’essaye souvent d’analyser où se situe l’action principale de l’histoire. Très souvent je suis tentée de peindre une scène qui serait géniale sur la couverture, mais je me retiens à temps en me rappelant que cette scène particulière, bien qu’incroyable, ne vendrait pas tellement l’histoire. Donc j’en choisis une qui ira mieux et aussi qui résonnera également avec le titre. Par exemple, dans Au guet ! (dont le titre allemand se traduit par « Gardes, gardes ! », NdT), le seul choix raisonnable était de peindre les policiers fuyant le dragon qu’ils essayaient de traquer. Rien d’autre n’aurait vraiment pu marcher.

Parfois, cependant, c’est impossible de lire un livre à cause d’une date limite trop proche ou de la langue dans laquelle il a été écrit. Quand cela arrive j’essaie d’en apprendre autant que je peux sur le livre en passant par l’éditeur.

Guards-Guards-z-napisami-Katarzyna-OleskaQu’est-ce qui rend Krita différent des autres outils que tu as déjà pu utiliser ?

Le premier aspect et le plus évident est que ce logiciel est gratuit. C’est beau de voir que maintenant les jeunes artistes peuvent avoir accès à d’aussi bons outils sans dépenser beaucoup d’argent. En revanche je ne conseillerais jamais un logiciel en se basant seulement sur son prix. J’ai utilisé certains logiciels gratuits que je n’ai jamais appréciés. Ils ne faisaient pas de vieux os sur mon ordinateur. Avec Krita c’est différent — je pense qu’il se présente comme une solide alternative face aux logiciels phares du marché.

La prise en main de Krita me semble très naturelle. J’avais déjà travaillé sur Photoshop et Painter et, bien que je les apprécie, j’ai toujours espéré trouver un programme se situant entre les deux. En tant qu’illustratrice, je suis principalement intéressée par les outils de peinture ou dessin. Photoshop m’a toujours semblé trop technique et pas assez intuitif. Painter, bien qu’essayant de fournir un toucher pictural, n’y arrivait pas vraiment. Avec Krita j’ai presque l’impression que je suis en train de peindre. Le nombre d’options pour les brosses peut sembler déroutant au premier abord, mais cela aide à créer de nouvelles brosses qui sont personnalisées pour mon usage spécifique. J’aime particulièrement la façon dont Krita gère les motifs pour les brosses.

En quoi Krita est-il déjà mieux, et comment pourrait-il devenir encore meilleur ?

En plus des brosses, j’aime également les outils vectoriels dans Krita. Je n’avais jamais vu auparavant un programme où les outils pouvaient changer leurs caractéristiques en fonction du type de calque sur lequel ils sont utilisés (peinture/vecteur).

J’aime aussi le fait de pouvoir choisir une couleur avec la touche Ctrl et changer dynamiquement la taille de la brosse en maintenant la touche Maj enfoncée et en déplaçant mon stylet. Je n’ai souvent qu’à utiliser mon auriculaire pour contrôler les deux.

Pivoter le canevas est facile (Maj+Espace) et je suis accro au mode miroir comme je l’utilise pour vérifier les proportions de mes peintures (l’image miroir aide à détecter des imperfections). J’adore le fait que, lorsque j’utilise deux fenêtres pour un fichier, le mode miroir n’affecte qu’une seule des fenêtres. L’outil de déformation est également super. Je ne l’utilise pas énormément, mais je l’ai essayé et j’aime la façon dont il fonctionne. « Peindre avec des brosses multiples » (Multiple Brushes) et le « mode enveloppant » (Wrap Around Mode) sont sympas aussi, ils rendent la création de motifs tellement facile. Mais l’une des choses que je préfère est que je peux choisir mon propre outil de sélection de couleur avancé (Advanced Color Setting Shape and Type) et qu’il y a tellement d’options qui l’accompagnent.

En ce qui concerne ce qui pourrait être améliorés : lorsque je remplace le pré-réglage d’une brosse, je ne peux pas garder l’ancienne icône que j’avais créée. Peut-être qu’une option pour garder l’ancienne icône pourrait être ajoutée. Cela peut paraître un détail, mais quand j’utilise beaucoup de brosses, je suis habituée à leur icône et lorsqu’elle n’existe plus, je me mets à chercher ma brosse. L’autre amélioration serait la possibilité de fusionner plusieurs calques ensemble.

Peux-tu nous donner un rapide aperçu de ta façon de travailler ?

Bien sûr. En fait, j’ai préparé une courte vidéo qui montre comment je travaille. C’est un croquis pour Trois Sœurcières de Terry Pratchett. J’utilisais alors la version antérieure de Krita mais ma méthode de travail reste la même.


Vidéo « Painting Terry Pratchett cover in Krita »

(vidéo en Anglais, des sous-titres sont disponibles sur YouTube)

Pour une couverture de livre, est-ce que tu travailles en collaboration étroite avec l’éditeur, ou est-ce que tu ne lui fournis qu’une illustration auquel cas tu ne vois le résultat final qu’une fois qu’il est publié ?

Très souvent, avant même que je ne commence le croquis, l’éditeur m’envoie la première version de l’agencement de la couverture pour que je puisse me rendre compte de l’espace avec lequel je dois travailler. Parfois, cependant, quand l’éditeur ne connaît pas l’agencement final, il me donne des indications et me laisse décider de l’espace que je veux laisser pour le titre. La plupart du temps, après que je lui ai donné le croquis initial, il peut me corriger et me demander de modifier un peu l’arrangement. Pour ce qui est de l’illustration finale, j’ai un contrôle absolu dessus jusqu’à ce que je l’envoie par e-mail à l’éditeur. Une fois qu’il a été approuvé, ce à quoi elle va ressembler une fois publiée n’est plus de mon ressort. Parfois on peut m’envoyer la version finale de la couverture pour que je puisse savoir ce à quoi elle va ressembler une fois imprimée et que je puisse faire quelques suggestions de dernière minute, mais je n’ai pas réellement de contrôle sur la couverture elle-même.

Quelles sont les contraintes (couleur, résolution, format de fichier) et défis particuliers lorsque tu travailles pour une impression ?

J’aime travailler avec des formats plus grands. Je pense qu’une peinture rend mieux lorsqu’elle est réalisée en grand format, puis réduite à la taille de la couverture, plutôt que lorsqu’elle est peinte seulement en ayant en tête le petit format final. Une grande taille me force à être plus précise sur les détails et à la fin l’image est plus nette, et de meilleure qualité. De plus, le client pourrait vouloir plus tard réutiliser le dessin pour une affiche et je sais alors que la peinture aura un très bon rendu.

J’ai l’habitude de travailler avec des fichiers psd (Photoshop Document, NDT). J’utilise beaucoup de calques et c’est pour moi le meilleur format de fichier. Lorsque j’envoie le fichier final, j’aplatis l’image et l’enregistre en tiff. C’est certainement plus lourd qu’un jpg, mais il n’y a pas de perte de qualité. Je travaille aussi en mode RVB mais je passe toujours en CMJN à la fin pour voir à quoi ça va ressembler à l’impression (il y a moins de couleurs en CMJN). Si nécessaire je corrige les erreurs que je vois.

Sorcery-z-napisami-Katarzyna-Oleska

Pour voir plus d’œuvres de Katarzyna, allez voir son site : www.katarzynaoleska.com

Maison d’édition : Piper – www.piper.de

Lettrage : Guter Punkt – www.guter-punkt.de

Exceptionnellement, toutes les illustrations de cet article sont sous copyright Piper – Katarzyna Oleska




MyPads : point de la semaine 24

Ce n’est pas parce que l’on approche du but que nous allons oublier le point hebdomadaire. Le voici donc.

MyPadsSemaine 24 : ce qui a été fait

Avant la version bêta

  • Ergonomie
    • amélioration de la page de vue et édition du pad, en y ajoutant des liens vers les actions communes sur le pad;
    • possibilité d’ouvrir le pad dans un nouvel onglet;
    • désactivation des liens du menu non encore implémentés (modules des favoris et d’administration);
    • correction de l’affichage du statut de favori dans la vue du pad;
    • ajout des actions communes par le biais d’icônes directement sur la liste de groupes et dans la vue groupes pour les pads;
    • quelques aides en plus.
  • fonctionnel
    • traduction de l’interface de l’anglais au français;
    • langue par défaut en anglais, sauf si le navigateur de l’utilisateur est paramétré dans une autre langue et que la traduction existe;
    • ajout de la possibilité de changer de langue dans l’en-tête de MyPads;
    • choix de la langue à la création de compte et dans le profil utilisateur;
    • sauvegarde en base de données;
    • tests unitaires et fonctionnels associés.
  • Correction de l’ordre de démarrage du plugin au sein d’Etherpad et réutilisation de la session Express créée par Etherpad sous MyPads.

Une partie de ces améliorations a fait suite au lancement d’une pré-bêta en interne lundi et après les retours de membres de Framasoft.

MyPads bêta

Le serveur qui devait accueillir la bêta a été préparé pour la recevoir et un script a été écrit de manière à ce que les données soient régulièrement remises à plat. La version en ligne suit la branche de développement de MyPads et, outre le fait que cette version ne soit pas optimisée ni terminée,  il est possible d’y voir s’y glisser des anomalies plus ou moins gênantes.

L’ensemble des tâches encore à mener avant la version stable a été listée sur le Gitlab. Des bonus sont prévus dans les mois à venir et intégreront une branche develop lorsque la version stable sera publiée.

La bêta a été lancée jeudi par une annonce sur le Framablog ainsi qu’une actualité Ulule à destination des donateurs.

Durant ces quelques jours, un plantage du serveur d’applications a été éprouvé. Il était dû à une mauvaise protection au niveau de l’API dans le cadre de la vérification du mot de passe d’un utilisateur déjà authentifié. Si aucun mot de passe n’était donné, ce qui n’était pas possible sur le client Web sans modification directe du code HTML, la fonction de cryptographie lancée s’interrompait, entraînant avec elle MyPads et Etherpad. L’anomalie n’a pas été remontée par le testeur mais a pu être débusquée et corrigée. Des tests unitaires ont été écrits de manière à éviter que cela ne se reproduise dans de futures versions.

Au total, quelques centaines de personnes se sont connectées au serveur et ont testé le plugin. Nous avons eu assez peu de retours : quelques-uns en commentaires sur l’annonce, sur Framaspère ou encore directement sous Gitlab. Nous sommes conscients que la nécessité de créer un compte sous notre instance Gitlab peut être ressenti comme une contrainte mais il est important pour Framasoft d’héberger ses données. Github n’est utilisé que comme miroir et les anomalies n’y sont par conséquent pas activées. Notez cependant qu’il vous est possible de vous identifier avec un compte Github, si vous le souhaitez.

N’hésitez en tout cas pas à nous faire parvenir vos critiques, suggestions. Elles sont importantes afin de nous aider à finaliser un outil de bonne qualité. Et bien sûr, merci à celles et ceux qui ont pris le temps de tester.

Semaine 25 : ce qui doit être fait

Vous avez déjà en main la liste des éléments prévus pour ce mois mais plus précisément, ces prochains jours :

  • la localisation côté serveur des messages de l’API, et notamment les messages d’erreurs qui sont affichés directement sur le client Web;
  • le module de gestion des favoris : pads, groupes;
  • la récupération de l’identifiant utilisateur pour un usage par défaut au sein des pads créés, ainsi que la possibilité, offerte dans le profil, d’opter pour une couleur préférée;
  • les pages publiques : pour partager un groupe, un lien pourra être donné à vos contacts afin qu’ils puissent afficher directement au sein de MyPads les groues publics ou privés (dans ce cas, le mot de passe sera demandé avant toute interaction).

MyPads

MyPads : week 24

It’s not because beta version has been released that we will forget the weekly point. Here it is.

Week 24 : what have been done

Before the beta

  • User Interface
    • pad view and update module improvements with common actions on the pad;
    • a new button to open the pad edition in a new tab;
    • deactivation of menu items not yet implemented (bookmarks and admin);
    • display fix for pad view bookmarking status;
    • addition of common actions through icons from the group list view for groups and from the group details view for pads;
    • more help texts and icons.
  • Features
    • translation of the user interface from English to French;
    • English is the default language except if the user Web browser has been defined with another language and translation exists;
    • ability to update the language from MyPads header;
    • language selection at subscription and on the user profile;
    • database saving;
    • related unit and functional testing.
  • Fix the launch order of the plugin inside Etherpad; Express session share between Etherpad and MyPads.

Part of these improvements have been made after an intern pre-beta launch on Monday and Framasoft members feedbacks.

Beta

The Linux Server that powers beta version has been prepared to receive it and a script has been written for regular data wipe-out. Online demo version follows the master branch of MyPads. Besides this version is not yet optimized nor finished, you can suffer from temporary bugs or problems there.

Remaining tasks before stable version has been listed on our Gitlab. A few bonus are planned for the next months and will be slowly merged from the future develop branch to the stable one.

Beta has been launched Thursday with a Framablog news and an Ulule one, for donors.

During this couple of days, one crash has happened. Because of a bad protection of the public API, as part of password check of a already authenticated user. When no password is given, thing not possible with the Web client unless intentional modification of HTML code, the used crypto function stops, carrying MyPads and Etherpad. The bug has not been reported but we achieve to found and fix it. Some unit tests have been written in order to avoid a come back in future versions.

In total, hundreds of people go to the beta and test it. However, we’ve got few reactions : some comments at the bottom of the blog post, on Framaspere Diaspora node or on our Gitlab. We are aware that creating an account on our Gitlab instance to interact can feel like a constraint but it is important to Framasoft to host its own data. Github is only used as a mirror and so issues are not activated there. Please note you can login with your Github account if you want to.

In any case, do not hesitate to give us your criticisms, suggestions and feelings. It’s important to help us to offer you good quality software. And of course, thanks to all who take some time to test MyPads.

Week 25 : what will be done

You already have planned elements for this month but in details, these next days :

  • server side localization for API messages, especially error messages that are directly displayed in the Web client;
  • bookmarks module for pads and groups management;
  • user login usage for created pads, and the option, inside the user profile, to select a favorite color;
  • public pages : for group sharing, an URL may be sent to your contacts, allowing them to see public or private groups directly inside MyPads (in the last case, the password will be asked before any interaction).



La première démonstration de MyPads est disponible !

Framapad — un de nos services Libre, Éthique, Décentralisé et Solidaire les plus utilisés — permet de rédiger des documents collaborativement et en temps réel.

Basé sur le logiciel libre Etherpad, Framapad héberge aujourd’hui plus de 300 000 documents, grâce à vos dons qui nous permettent de maintenir le service.

Malheureusement, ce service souffre de deux manques importants :

  • l’impossibilité de regrouper les pads créés (par exemple par thèmes, ou tout simplement pour les retrouver facilement plus tard) ;
  • l’impossibilité de protéger ses pads (pour protéger des données confidentielles, des travaux scolaires, etc.).

Le crowdfunding de MyPads

Framasoft avait donc lancé un appel à financement participatif, afin de collecter une somme qui permettrait de développer un module comblant ces deux lacunes.
La somme fut récoltée en quelques semaines, et nous avions donc pu nous lancer à la recherche d’un prestataire pour effectuer ce développement.

Débuté en janvier 2015, le développement a pris un peu de retard, mais l’adage du libre ne dit-il pas : « Ça sortira quand ça sera prêt » ?

Eh bien, bonne nouvelle : une première démo est disponible !

Un exemple de groupe dans MyPads
Un exemple de groupe dans MyPads

Ceci est une première démonstration.

Alors attention, hein : dans « première démonstration », il y a « première » et « démonstration » !

« Première » car le plugin n’est pas terminé. Il devrait l’être pour l’anniversaire de la clôture de l’appel à participation, c’est-à-dire le 30 juillet prochain.
Cela signifie que beaucoup de choses vont encore évoluer dans les 50 prochains jours. Et surtout qu’il est encore loin d’être complet. Donc, ne vous étonnez pas si certaines choses ne fonctionnent pas comme vous vous y attendriez. Et inutile de nous rapporter que les couleurs ne vous plaisent pas : elles sont tout sauf définitives 😉

« Démonstration » car les comptes et les documents créés sur la démo seront régulièrement effacés. Il ne faut donc surtout pas vous en servir pour créer des documents dans un cadre professionnel, car vos contenus peuvent être effacés d’une heure sur l’autre.

Prendre le temps de bien faire

Alors, les esprits chagrins se plaindront sans doute du délai de développement d’un tel plugin. Cela s’explique principalement par le fait que le développement a réellement commencé au début de l’année 2015, et que le prestataire ne pouvait consacrer 100% de son temps à ce projet (ce qui était convenu et accepté par Framasoft).

Par ailleurs, le développement d’un tel plugin est loin d’être trivial. Plus de 60 000 lignes de codes auront été écrites lors de 200 commits.

Enfin, nous aurons fait le maximum pour vous tenir au courant de l’avancement du projet, avec plus de 20 billets blog, qui ont aujourd’hui pris un rythme hebdomadaire.

Bref, nous vous encourageons à tester le plugin, tout en gardant à l’esprit qu’il reste encore pas mal de travaux à effectuer d’ici fin juillet.

Mypads - Contenu
Exemple de contenu dans un pad protégé

D’ici là, vous pouvez aussi :

  • installer votre plugin sur votre instance d’etherpad (il faudra cloner le dépot et faire un npm install à la main, car MyPads ne sera poussé sur npmjs qu’une fois le développement considéré comme stable) ;
  • nous remonter vos remarques sur le dépôt du GitLab Framasoft (qui, rappelons le, est ouvert à tous).

 

> Tester le plugin MyPads <

 

 




MyPads : point de la semaine 23

img-mypads-ulule2Ce qui a été fait

Un certain nombre de tâches ont pu être travaillées en semaine 23, et notamment :

  • un premier jet du module de partage d’administration et d’invitation d’utilisateurs (en mode visibilité restreinte) pour les groupes
    • pour le moment, il est limité aux seuls inscrits et demande de saisir l’identifiant utilisateur ;
    • mais il sera rapidement possible de saisir une adresse mail en plus de l’identifiant et d’inviter des utilisateurs externes, y compris en mode restreint ;
    • il y est possible de révoquer les droits concédés à d’autres administrateurs ou aux utilisateurs.
  • le module d’affichage des pads avec
    • la création automatique du pad sous etherpad au premier affichage ;
    • sa suppression effective en cas d’effacement sous MyPads ;
    • le filtrage des accès en modes restreint ou privé ;
    • l’accès au pad sans restriction en mode public ;
    • la prise en charge du mot de passe, à saisir en cas de visibilité fixée à privée.
  • le partage, par le biais du lien direct etherpad, de l’accès aux pads publics ou privés (avec mot de passe). L’interface est pour le moment sommaire et évoluera vers une meilleure intégration ;
  • le mode archive des groupes, qui affiche pour le moment l’export HTML des pads qui en font partie ;
  • des corrections d’anomalies ;
  • les tests unitaires et fonctionnels des modules développés ;
  • enfin la correction du bug gênant décrit lors de la semaine 17, par un changement du moment où MyPads est configuré quand l’instance etherpad est lancée, ce qui ne permet plus à YAJSML de venir perturber son fonctionnement.

Ce qui est prévu pour cette nouvelle semaine

Pour la semaine 24, il reste un certain nombre de courtes tâches et de petites améliorations à faire. De plus, il est prévu de travailler sur :

  • un module de gestion des favoris par utilisateur : groupes et pads;
  • la mise en place de la gestion de la localisation au niveau du client Web (choisir sa langue pour l’interface) et la traduction vers le français;
  • une prise en charge correcte des permissions avec une véritable séparation entre utilisateurs et administrateurs de groupes et l’apparition du statut d’administrateurs du plugin MyPads.

img-mypads-ulule2

MyPads, week 23

What have been done

A little bunch of things have been worked this week, especially :

  • a first draft of the admin sharing and user invitation module (restricted visibility) for groups
    • at the moment, it only supports existing accounts and needs you to enter user login;
    • but it will soon evolve to also allow email addresses and external users invitation, including in restricted mode;
    • it’s possible into this module to dismiss permissions given to other administrators or users.
  • pad view module with
    • automatic creation of etherpad pad at the first display;
    • effective removal when you delete the pad from MyPads;
    • access filtering for restricted and private modes;
    • free access for public mode;
    • password handling, to be entered when visibility has been set up to private.
  • private, with password, and public pads sharing, through the etherpad direct URL. The user interface is for now basic and will evolve to a better integration;
  • archive mode for groups, that display the HTML export for linked pads;
  • a few bugs fixes;
  • unit and functional testing of worked modules;
  • finally, the resolution of the problem described during week 17, by means of a change when MyPads is configured, after the etherpad instance has been launched. This doesn’t allow YAJSML middleware to conflict with MyPads proper functioning anymore.

What to expect from this new week

About week 24, there are number of short tasks and little improvements to do. Moreover, work is planned on :

  • bookmarks management module per user : groups and pads;
  • setup of Web client localization handling (be able to select the user interface language) and translation to French;
  • a correct support for permissions with a true separation between users and admins of groups and the arrival of MyPads plugin administrators.



MyPads : point de la semaine 22

img-mypads-ulule2Travaux effectués

La semaine dernière a été mise à profit pour :

  • la réalisation de la page de détails des groupes, laquelle comprend :
    • toutes les propriétés du groupes affichées ;
    • la liste des administrateurs et utilisateurs du groupe ;
    • la liste des pads attachés à ce groupe.
  • une gestion sommaire des pads depuis cette page, avec :
    • la création d’un nouveau pad, en saisissant son intitulé ;
    • sa modification, en fait son renommage ;
    • l’effacement de celui-ci ;
    • enfin, l’ajout de pad en favori.
  • les tests fonctionnels liés à cette page.

La gestion des pads n’est pas pleinement terminée puisque le client ne propose pas encore d’écraser les options de visibilité du groupe, c’est à dire que par exemple si le groupe est défini comme public, tous les pads attachés le seront également. Ce comportement sera rapidement amélioré.

Pour la semaine 23

Quelques tâches importantes devraient être effectuées cette semaine avec en priorité l’invitation d’utilisateurs déjà inscrits, le partage d’administration du groupe. Selon le temps disponible, une page regroupant tous les favoris sera également créée ou encore sera effectuée la traduction de MyPads vers le français.

MyPads, week 22

img-mypads-ulule2

Achieved tasks

Last week has been used for :

  • the group’s details module, that includes
    • the display of all group properties;
    • group administrators and users lists;
    • list of linked pads.
  • a basic pads management from this page, with
    • new pad creation, by entering its title;
    • its edition, actually its renaming;
    • the deletion of the pad;
    • finally, pad bookmarking.
  • functional testing of this page.

Pads management is not entirely finished because the Web client does not offer yet to overwrite group visibility options at the level of the pad. In other words, for example, if a group is defined as public, all linked pads will inherit. This behavior will be improved soon.

About the week 23

Some important tasks should be done this week. As a priority, user invitation, administration sharing of the group. In accordance to available time left, a webpage grouping all bookmarked elements will be created. MyPads translation to French may be done too.