Blog graphique 2

Données par des amis ou flanés sur le net.

graphiques et animation vectorielle avec javascript
* Raphaël JS, une bibliothèque en Javascript, pour faire du SVG animé, c’est superbe et efficace, ainsi que gRaphaël js plus spécialisée dans les graphs. Seul petit hick, ça ne marche sur aucun navigateur sous Android 2.2.
* Dans le même genre, Processing js, un port javascript du célèbre Processing, bien plus puissant, mais aussi plus lourd, il à l’avantage de fonctionner sur les navigateurs d’Android. Un exemple sympa au hasard.
* jQuery SVG, un greffon pour jQuery pour le SVG et son animation, c’est une bibliothèque de plus bas niveau en javscript. Ne semble pas non plus fonctionner sur Android 2.2 (Froyo)

On doit pouvoir mixer des sacrés trucs entre ce que l’on peut faire avec Inkscape et ces outils.

CSS
* CSS tricks un assez beau site sur les CSS, a un article spécialisé sur les css mobiles à faire coexister au site pour les ordinateurs de bureau. Dommage que Firefox pour Linux ainsi que la plupart des autres navigateurs Linux à l’exception de Chromium (version libre de Chrome), ne peuvent pas afficher les fontes embarquées comme le permet CSS3…
* CSS Zen Garden pour ceux qui ne connaissent pas encore ce site. On est loin du « Web 2.0 », c’est plutôt l’époque où l’on faisait des designs fouillés et lourds (en Kilos octets).

greffons Mozilla/Firefox
* L’indispensable TooManyTabs qui ne recharge pas tous les onglets à l’ouverture du navigateur (évite de l’écrouler pendant une demi-heure, mais les affichent tout de même en grisé, si on veut les revoir.

ARM & co
* Set-top-box SoC d’ARM et l’attractive implémentation du constructeur chinois Nufront (新岸线), aidé par le fondeur taïwanais TSMC qui devrait sortir début 2011 les solution les plus puissantes : SoC cortex A9 dualcore@2Ghz et mali-400 pour la 3d et un Mali-Ve6 pour les codec vidéo (gère le 1080p), gère de la DDR2 et DDR3 (enfin des barrettes pas soudées !!!) et ne consommant que 2Ghz au total. dans une toute petite boite aux alentours de 250$ (188,964475 € au cours ¥€$ du moment).

LiveUSB
* The Lowdown on LiveUSB, une page excellente qui explique pas à pas comment créer soi-même une clé USB, notamment en y installant plusieurs LiveCD en parallèle, ce qui peut être très pratique (sysrescueCD + ultimateBootCD + une version 32 et 64 bits de votre linux préféré par exemple) et comment faire pour que cela fonctionne à la fois sur PC et Mac avec CPU x86. Ca ne doit sans doute pas fonctionner sur ARM qui n’utilise en général pas le même procédé de boot.
* PureDyne est une distribution USB et liveCD de Linux spécialisé multimédia et création artistique.

Technologies mobiles
* Redmine mobile, je n’ai pas encore testé, mais est censé permettre d’avoir une version mobile de l’outil de gestion de ticket Redmine.
* Utiliser le SIP de free de n’importe où.
* http://www.android-underground.org (HS) et http://getandroidstuff.com (Publicité à présent, préférer f-droid.org ), sites d’information Android fournissant de nombreux .apk, pour ceux chez qui l’Android Market ne fonctionne pas. C’était mon cas avec SFR sur Galaxy S, os 2.1 eclair, je n’ai pas retesté depuis le passage en Froyo, mais n’ai plus trop envie du coup.

Pensée latérale, stratégies obliques, Yìjīng et GTD
* Le musicien britanique Brian Eno a réalisé un jeu de cartes nommé « Stratègies obliques », inspiré par la pensée latérale et certainement influencé par le Yìjīng (易经) (parfois écrit Yi King, le livre des mutations en français) et les 36 stratagèmes (三十六计 sānshíliù jì). Il s’agit de méthodes de résolution de problèmes par des voies secondaires, pas les plus évidentes.
* Un peu dans le même ordre d’idée GTD (getting things done, ~= « obtenir que les tâches soient effectuées »), une méthode de tri par balance des taches en fonction de leur importance et du temps nécessaire à leur réalisation pour mieux les répartir dans le temps et une liste de logiciels spécialisés GTD et comparatif des logiciels de GTD pour Android. De quoi procrastiner pendant de longues heures.
* Le Mind mapping est un système de cartographie des idées pour mieux les organiser. Thinking Space, Mind Map Memo et MindMeister Mind Map sont des applications spécialisées dans ce domaine pour la plateforme Android. Mappio est un site spécialisé. Sous Linux, il existe Freemind et View Your Mind

There is also an English version of this article.
Introduction

J’ai fais il y a peu l’acquisition d’un Atom 330 dans un Shuttle X27D (230€). (attention, le Shuttle X27 sans D utilise un Atom 230 monocœur. Le but était d’avoir à la fois une machine qui consomme peu, peu bruyante, peu encombrante, avec plus de puissance que mon ancienne.
Il y avais différentes autres options, à peu près dans la même gamme de prix. Je désirais également absolument une sortie DVI, car une ancienne machine Turion ainsin’en avait pas et avait du mal a détecter la bonne résolution pour mon écran LCD 20″ 1680×1050 (un LG Flatron Wide que je déconseille au passage).

* L’Aopen MP915X, tout équipé (Celeron M@1,5Ghz)+lecteur DVD slim + HDD2,5″, sortie DVI + firewire (le Shuttle n’en a pas), plus compact pour environ 230€ rue Montgallet, consommation assez basse, mais plus qu’un Atom à priori.
* Une carte mère Atom 330 Jetway + une carte fille propriétaire jetway DVI (120 € les 2)+ un boitier vissable derrière l’écran LCD (fixation VESA) (50 €).
Vu la difficulté pour se procurer ses cartes (import avec problèmes que l’on connait aujourd’hui pour recevoir un colis (Coliposte,UPS, etc…, ouverture de la concurrence à la non livraison), j’ai préféré aller l’acheter dans une boutique sur Paris.

Les différentes Netbox (Asus Eeebox, Acer Horner, MSI windbox, etc…) ont une fixation VESA, mais un cpu assez peu puissant en comparaison (Atom N270). Elle sont d’autre part vendues sous équipées (1Go de RAM (je veux 2), HDD (je veux du SSD, plus rapide moins bruyant, moins consommateur)), Wifi que je ne veux pas utiliser (sécurité informatique + lenteur + santé). Bref surconsommation d’ équipements que je ne veux pas ou que je dois remplacer (surproduction de déchets).

L’Atom 330 est un CPU @1.6Ghz, compatible 64bits, double cœur, avec hyperthreading (4 CPU avec 512Ko de cache chacun sous Linux donc), et quelques autres avantages au prix d’une consommation légèrement plus élevée (8 W de TDP (consommation max au lieu de 2,5 W de TDP), mais cela reste deja très raisonnable et la majorité de la consommation est due au Northbridge (qui a un ventilateur contrairement au CPU). Il est utilisé dans un concept de supercaclulateur de Silicon Graphics (SGI) appelé Molecule, qui comporte 10 000 cores (5 000 atom 330) dans un rack 19″, visiblement 2U.

Les regrets: Le Shuttle X27D est plus gros que je le pensait et le ventilateur, si il est bien plus silencieux que mes autres machines (sauf mon Eeepc 701 parfaitement silencieux en bureautique) reste tout de même bruyant à la longue. Il faudra que je trouve une solution pour remplacer le ventilateur par un refroidissement passif.
Wikipedia en anglais à une bonne liste des microprocesseurs Atom d’Intel et de leurs caractéristiques.

Condition des tests

Je n’ai trouvé pour le moment aucun test des Atom en mode 64 bits, en voici donc un qui permettra de donner une idée de ses performances.
Je l’ai comparé à mon Turion64@1,6Ghz (1024Ko de cache), monocœur, 64bits également, processeur mobile pouvant réduire sa vitesse par deux lorsque inutilisé (environ 80% du temps dans une utilisation bureautique) pour faire des économies d’énergie de façon transparente pour l’utilisateur. L’Atom 330, dédié aux ordinateurs de bureau, ne bénéficie malheureusement pas de cette technologie, mais comporte visiblement (à completer) d’autres techniques de réduction dynamique.

Pour les test, j’ai utilisé Hardinfo (paquet ubuntu, que l’on trouve ensuite dans le menu : Système => Préférences => System Profiler and Benchmark), test monoprocesseur CPU et FPU, ainsi qu’un test de rendu avec Blender, je ne sais pas pourquoi mon test ne se trouve pas dans la liste, j’ai pourtant bien rempli le formulaire ???.
Il existe un test complet appellé Phoronix test suite, mais il est distribué en version 32bits sous ubuntu (jaunty, 9.04 alpha) 64 bits, et ne fonctionne donc évidement pas.
Le livecd 64bits d’ubuntu 8.10 (intrepid), crash au boot sous l’atom 330 (marche sur le turion), la jaunty 64bits alpha5 et supèrieur boot et fonctionne sans problèmes.

Test MONOCŒUR Hardinfo
Test monoprocesseur, désavantageant donc l’atom 330 par rapport à ses possibilitées.

Ce test utilise la méthode de compression légère Zlib (nombres entiers). Le score le plus grand est le meilleur

Ce test utilise la suite de Fibonacci (nombres entiers). Le score le plus petit est le meilleur

Ce test utilise la somme MD5 utilisé pour vérifier l’intégrité d’un fichier (nombre entiers). Le score le plus grand est le meilleur

Ce test utilise la méthode d’encryptage SHA1 (nombres entiers). Le score le plus grand est le meilleur

Le test blowfish est un test d’encryptage utilisant la méthode Blowfish (nombre entiers). Le score le plus petit est le meilleur

De façon très étonnante, la version 32 bits est bien plus performante que tous les autres pour ce test.

Ce test utilise la méthode de lancé de rayon utilisé en image de synthèse 3D (nombres flottants). Le score le plus petit est le meilleur

On voit que dans l’ensemble, pour un seul processeur les performances ne sont pas excellente, mais on peut considerer que ces autres processeurs seront écrasés par les logiciels multithread (plusieurs calculs sont fait simultanément sur les différents cœurs). On peut également constater que dans l’ensemble les performances sont meilleures pour les calculs entiers en mode 32 bits qu’en mode 64 bits, mais quand nombre flottants le mode 64 bit est beaucoup plus performant, et le test Blender qui suit le confirme.

* A noter
Il est également bon de savoir que ces calculs ne sont interessant que pour des calculs intensifs, mais que dans une utilisation de bureautique ou même dans la majorité des cas, l’activité de l’ordinateur se répand dans les différents composants, processeur graphique pour les deplacement des fenêtres et certains calculs d’affichage, du processeur sonore pour les sons et la musique, transfert de la mémoire centrale vers les différents composants, utilisation des caches des différents composants, etc… Dans le cas des architectures Atom, la carte graphique utilise la mémoire centrale, cela réduit donc les performances du CPU et du GPU (processeur graphique) dans le cas de déplacement de grande partie de la mémoire (si cela ne tient pas dans leur caches respectifs).

Test multiprocesseur de rendu Blender
Ce test utilise le benchmark eofw.org.

L’avantage de Blender est d’être parfaitement multithread, il peut donc ainsi se répartir équitablement sur les 4 noyaux de l’atom 330. Dans le cas du test sur Turion, la version Getdeb de Blender, je ne sais pas si il est aussi optimisé que la version officielle de la Jaunty (ni réciproquement). J’ai fait différents test, la version 2.46, Ubuntu 32bits est plus rapide que la version graphicall.org (conseillé dans le test) ou que la version officielle de Blender.org.

On voit au moment du rendu que le cache de 1024Ko du Turion est a son avantage, il calcul des plus gros bloc d’image, réduisant le nombre de calcul à reproduire dans certains cas. Les cache de 512Ko par processeur de l’Atom oblige a utiliser des blocs plus petit, les performance en flottant de ce CPU sont également inférieures à celle du Turion, enfin, la gestion de la mémoire est externalisée sur l’Atom réduisant également les performances. Malgré ces handicaps, l’Atom s’en sort tout de même bien mieux, lorsque le système tourne en 64 bits. Il y a fort à parier que ce type de processeur une fois la gestion de la mémoire intégrée (dans le courant de cette année), et avec un cache plus important, devrait avoir des performances bien plus étonnantes.

Inkscape (utilisant également des nombres flottant) est assez bien multithreadé, ce qui lui permet également de bien bénéficier de l’accélération de ce produit.

Pencil, que j’ai déjà décrit ici, est un fantastique outil d’animation.

J’ai crée un binaire de Pencil-0.4.3b pour eeePC-701/Xandros (mirror), ce logiciel devrait nécessiter la préinstallation via apt-get de libming-0 ainsi que libqt4 :

sudo apt-get install libming-0 libqt4

Il faut ensuite le decompresser :
bunzip2 Pencil-0.4.3b.xandros.eeepc701.bz2

Il suffit alors de la lancer…

Pour compiler le dernier SVN, sur Ubuntu-64 (il n’y a pas encore de paquets), il faut installer les paquets libqt4-dev, libqt4-opengl-dev libming0 et libming-dev :
sudo apt-get install libming-0 libming-dev libqt4-dev

Ensuite (sur ubuntu-64 comme partout ailleurs sans binaire prééxistant) :
svn co https://pencil-planner.svn.sourceforge.net/svnroot/pencil-planner pencil-planner
puis dans le répertoire lui même :
sous Ubuntu (comme d’autres distrib) :
qmake-qt4
plus généralement (comme sur ma LFS) :
qmake
puis (partout) :
make
Un executable Pencil (avec un P majuscule sera crée), il suffit alors de le copier dans un chemin standard ou dans son compte), aucun autre fichier n’est nécessaire. Et de le lancer

Pour saisir du chinois sur le Linux Xandros installé par défaut sur l’eeePC, les méthodes de saisies complexes gérées par SCIM ne sont pas installées par défaut. Cela, contrairement aux autres systèmes Linux, demande quelques pirouettes pour l’utilisateur averti.

Le paquets liés à scim se trouve dans la majorité des distributions facilement dans le gestionnaire de paquet.

Sur le Xandros eeePC, les sources de paquet Xandros sont commentés par défaut sur l’eeePC 701 et ne sont pas présentes sur le 900.
Ce sont les source Xandros qui contiennent les méthodes de saisie SCIM, Il faut donc éditer (avec kedit par exemple) :
/etc/apt/sources.list
et décommenter (enlever les # en début de lignes) a la ligne suivante, l’ajouter sur le 900 :

deb http://xnv4.xandros.com/xs2.0/upkg-srv2 etch main contrib non-free

Puis tapez dans le terminal, pour installer la clé :
wget http://xnv4.xandros.com/xs2.0/pkg/pool/main/xandros/xandros-archive-keyring_1.0-3_all.deb
sudo dpkg -i xandros-archive-keyring_1.0-3_all.deb

Vous pouvez maintenant installer scim :
sudo apt-get update
sudo apt-get install scim-pinyin

Il s’agit de smart-pinyin (pinyin intelligent), mais la méthode wubi (frappe rapide en 4 touches maximum) ou autres grands classiques sont aussi présents.

Sur les 900 scim à été remplacé par le plus ancien et plus limité gcin :(.

Documentation pour la méthode de saisie du japonais ou la méthode de saisie du coréen sur eeeusers. En gros c’est la même chose, mais il faut séléctionner les paquets scim-canna scim-tables-additional et scim-tables-ja pour le japonais
ou bien scim-hangul scim-tables-additional et scim-tables-ko pour le coréen

Toutes les de scim peuvent tres bien cohabiter.

Il y a également une version en français de ce didacticiel.

Today, I tried to use my EeePC with MyPaint & my Wacom Volito graphic tablet (A5 sized, A6 capture surface, less than 50€) in a library (warning, some laughed, looking at me ;) ), their compact size fit ideally with a book on a reader place :). both are flat and little enough to enter in my pocket (for the eeePC) and in a little bag with books (for the tablet), the bamboo that is the successor of the Volito could be a bit littler ??? All Wacom tablets are supported by Linux using open documentation from Wacom.

This give good results for a first test.
I use eeeXubuntu (7.10, gutsy gibbon), the Ubuntu/Debian package that is linked from official MyPaint website, and activated the wacom stylus support :
sudo vi /etc/X11/xorg.conf
at the end of the file in
Section "ServerLayout"
uncomment (remove the #) at the begining of the line
# InputDevice "Stylus" "SendCoreEvents"
and save
restart X (by rebooting or other methods), the Wacom stylus will be managed (eraser few lines later is for the stylus eraser on more expansive tablets).

Here are the three quick sketchs inspired from graphics from books (titles are on pictures filenames):

Here is a screenshot of the interface in 800×480 eeePC screen.

The best method is to set the canvas & brush windows at full screen both and use alt+tab to go from one to another.
I often used G (for GTK+ color dialog, same key to close it) and R to pickup color on canvas.
create more optimized brush could be better ? I used only 3 or 4.

I made a screencast of the process (16MB and 16minutes ogg/Theora vidéo), inspirated by a photography book “Des bêtes et des hommes” (beats and mens) from Yann Arthus-Bertrand photograph. This is the final result (quick sketch, with lot of manipulation error, and stress of screencast ;):

There is also an english version of this tutorial.

Ajourd’hui, j’ai essayé d’utiliser mon EeePC avec MyPaint & ma tablette graphique Volito (taille A5, surface de saisie A6, moins de 50€) de Wacom dans une bibliothèque (Attention, certains se sont moqués de moi en me voyant). Leurs tailles compactes rentrent parfaitement avec un livre dans l’espace de travail d’un lecteur :). Ils sont tous deux assez plats et petits pour rentrer dans ma poche (pour l’eeePC) et dans un petit sac avec les livres (pour la tablette et le stylet), La Bamboo qui est le successeur de la Volito doit être un peu plus petite ??? Toutes les tablettes Wacom sont supporté sous Linux, grace aux documentations ouvertes fournies par Wacom.

Cela donne des assez bon résultats pour un premier test.
I use eeeXubuntu (7.10, gutsy gibbon), le packet non-officiel Ubuntu/Debian qui est en lien sur le site officiel de MyPaint et ai activé la gestion du stylet de la Wacom :
sudo vi /etc/X11/xorg.conf
A la fin du fichier, dans la section :
Section "ServerLayout"
Decommenter (effacer le #) au début de la ligne
# InputDevice "Stylus" "SendCoreEvents"
puis sauvegarder
redémarrer X (en rebootant ou par une autre méthode). Le stylet Wacom sera alors géré (eraser quelques lignes après correspond à la gomme des tablette un peu plus chères).

Voilà trois croquis rapides inspirés de livres graphiques (les titres sont les noms des fichiers):

Voici une capture d’écran de l’interface sur le LCD 800×480 de l’eeePC.

La meilleure méthode est de mettre les fenêtres de la toile (canvas) et des brosses en plein écran chacune et de passer de l’une à l’autre grâce à alt+tab.
J’utilise souvent G (pour le dialogue de couleur GTK+, même touche pour le refermer) et R pour récupérer une couleur sur la toile.
Créer des brosses plus optimisées pourrait aider ? J’en utilise que 3 ou 4 dans la palette par défaut.

J’ai également fait une a capture d’écran vidéo du processus (16 Mo et 16 min, vidéo format ogg/Theora), inspirée par le livre photographique, “Des bêtes et des hommes” du photographe Yann Arthus-Bertrand. Cette image est le résultat final de la vidéo (croquis rapide, avec tout un tas d’erreurs de manipulation et le stress (traque) de la capture vidéo) ;) :