Auto Draw : Dessinez et Google vous propose un bon dessin

Phase 1 d’un dessin

Les pré-requis

Vous êtes nul en Dessin.
Vous dessinez avec une souris d’ordinateur ce qui n’est tout de même pas très pratique.
Vous entraînez vous sur https://quickdraw.withgoogle.com/#details : Cet outil vous demande de dessiner quelque chose comme un coeur, une boîte à lettre, un raton laveur (raccoon), un pickup.
Vous avez 20 secondes pour dessiner le motif.
L’outil devine ou pas ce que vous êtes en train de dessiner.

Dans l’exemple qui suit, mon raton laveur, n’a pas été du tout interprété comme tel, mais je l’ai fait exprès pour la démonstration.

En fait, l’outil a appris à reconnaître un raton laveur avec les dessins des autres internautes et on voit tout de suite que personne n’est très doué, mais en faisant une moyenne de tous les dessins horriblement dessinés on arrive peut-être à deviner ce qu’est un raton laveur. Traduire: le big data peut faire des miracles.

Au bout de six dessins, l’outil vous résume ce qu’il a compris ou pas. Dans l’exemple qui suit, on peut tout de même voir que j’ai tout de même réussi à dessiner 5 dessins que l’outil a deviné, ce dont je suis très fier. (une gomme, un coeur, un panneau stop, une scie, et une paire de jumelles.

On peut rejouer plusieurs fois au jeu et bien sûr partager le tout sur nos réseau sociaux.

Phase 2 d’un dessin

Si on est nul en dessin, il faut donc penser à faire faire un dessin par une intelligence (artificielle) qui va interpréter la bouse et trouver dans sa vaste base de données plusieurs dessins qui pourrait être ce qu’on est en train d’essayer de dessiner.

Pour cela :

Aller sur https://aiexperiments.withgoogle.com/autodraw et lancez la démo (launch experiment) .

Exemple je dessine un arbre

voilà ce que l’outil me propose parmi une palette de dessins qu’il pense être le plus approprié. Je clique donc sur la forme qui me plait le mieux et ainsi de suite.

Donc, après plusieurs itérations, on arrive un truc tout à fait bien sans être un grand dessin, mais tout de même, on doit toucher le niveau CP.

Voilà l’explication traduite approximativement de l’outil

AutoDraw est un outil en ligne de dessin qui combine l’apprentissage machine avec des dessins d’artistes talentueux (pas moi) pour aider tout les mauvais comme moi à créer quelque chose de visuel, rapide et compréhensible. Ça fonctionne n’importe où: smartphone, tablette, ordinateur…

L’outil de suggestion AutoDraw utilise la même technologie utilisée dans Quickdraw (le premier outil décrit dans cet article) , pour deviner ce que vous essayez de dessiner. À l’heure actuelle, il peut deviner des centaines de dessins et d’autres viendront avec le temps.

Comme il s’agit de dessin créés par des artistes, je ne sais pas si je peux même les reproduire ici sans enfreindre des droits d’auteurs. en attendant vous pouvez voir le nom des artistes sur cette page https://www.autodraw.com/artists.

Bref, si on avait dans cette base de données des millions de dessins, on pourrait se servir de l’outil pour agrémenter nos présentations ppt ou nos blogues. Pour l’instant le choix est limité, mais l’idée est bonne.

Conclusion: bien pas grand chose, même si ça veut prouver quelque chose

Amusez vous sur

Quickdraw
Autodraw

Comment mesurer en pixel un objet sur une page web ou sur un écran[Maj]

Il m’arrive parfois de vouloir mesurer un objet sur une page web. Exemple, j’ai envie de mesurer la largeur d’une barre latérale, la dimension d’une photo, la taille d’une publicité, la largeur exacte d’une page web. Bien entendu, il existe sur Internet des outils gratuits qui offrent ce genre de service. Il en existe sous forme d’extension Chrome ou de addon Firefox, de bookmarklet et il en existe sous forme de logiciel. L’unité de mesure pour ce genre d’outil est le pixel et non pas le centimètre, mais il y a les options qui vont bien pour faire aussi des mesures en pouces.

Pourquoi vouloir mesurer un objet, un espace, un icone sur un écran de pc ou sur une page web?

Ces outils sont visent plutôt les webmasters et donc les blogueurs qui trifouillent parfois le code et le gabarit de leurs blogues. Pour les débutants ou ceux qui veulent tester, on comprendra mieux ce qu’est un pixel. Dans mon cas, j’utilise cet outil assez rarement et principalement pour mesurer la taille de mes images pour les insérer dans tel ou tel blogue.

Solution pour Chrome

Si vous utilisez Chrome vous pouvez utiliser l’extension Page Ruler. Après l’installation, il suffit de cliquer sur l’icone en haut à droit de la barre d’outil, puis de sélectionner une zone sur une page web. (cliquer glisser). L’application vous donne la taille de l’objet, mais aussi sa position sur la page. Dans l’exemple la taille de l’objet mesuré est de 360 pixels de large (Width) et 276 pixels de hauteur (Height).

Si vous mesurez souvent des objets sur les pages, web, cette extension sera très utile. En revanche, si vous faites cette mesure une fois tous les 3 mois, sachez que l’extension va tourner en tâche de fond sur votre navigateur ce qui va alourdir la charge CPU et donc les performances de votre navigation.

Solution pour Firefox

J’ai testé également le même type de solution pour firefox qui fonctionne à peu près de la même manière. Cet addon s’appelle Measureit. Une fois installée, cliquer sur l’icone en forme de règle (2) , sélectionner une zone (cliquer glisser) (2) et noter la dimension (3).

Pour les anti chrome, voilà donc un outil qui existe depuis belle lurette sur firefox avec déjà 180000 utilisateurs.

Solution bookmarklet

La solution avec bookmarklet est une solution idéale pour un usage sporadique, encore faut-il savoir manier le bookmarklet et se souvenir qu’il existe quelque part sur la barre d’outil. Ce bookmarklet est à récupérer sur la page slayeroffice.com/ suite.html. Il suffit de faire glisser le bookmarklet dans votre barre d’outil pour commencer à utiliser cet outil.

L’opération se fait en deux temps car ce bookmarklet est un veritable couteau suisse du webmaster, il comporte une dizaine d’outils indispensables pour le webmaster. (1) cliquer sur le bookmarklet Favelet Suite, puis sélectionner l’option Ruler (2). Ruler veut dire « règle » en anglais.

Sélectionner une plage sur la page web de votre choix (cliquer glisser) et une petite fenêtre va apparaître avec la dimension exacte de votre sélection et aussi sa position sur la page web.

Cette solution est la meilleure pour moi, car elle ne consomme pas de CPU quand on ne l’utilise pas. De plus, il n’y a pas besoin d’utiliser de logiciel. Pour les curieux, il faudra bien sûr explorer les autres fonctionnalités de ce favelet (ou bookmarklet) car, c’est une mine d’or pour webmaster.

Solutions logiciels

Pourquoi donc parler de solution logiciel quand on a déjà sous la main tout ce qu’il faut avec ce que je viens d’ écrire plus haut? Et bien, c’est simple, il peut arriver que, non seulement, on veuille mesurer une page web, mais aussi un objet sur un écran (logiciel, icone, fond d’écran). Parfois encore on utilise un ordinateur sans être branché sur internet et un navigateur alors les extensions chrome ne servent à rien dans ce cas.

Nota : n’oubliez pas, si vous mesurer une page web d’ajuster le navigateur à 100% dans les options d’affichage, sinon ça va donner des mauvaises mesures. Content

WndSizer ultra light

Si vous voulez une solution ultra légère, c’est bien WndSizer qu’il faudra utiliser. L’application s’exécute sans installation et elle est, on ne peut plus simple. Pour se souvenir qu’elle existe, il faudra peut-être créer un raccourci vers l’utilisation sur le bureau.

L’animation qui suit vaut mieux qu’une longues et fastidieuse explication, une fois que l’application est lancée, il suffit ensuite d’ajuster la taille du carré pour la mesure. On peut délacer la fenêtre de mesure à notre guise pour faire plusieurs mesures. Notez aussi qu’on peut lancer plusieurs fois le programme ce qui fera qu’on aura plusieurs fenêtre de mesure en même temps.

Spadixbd.com/freetools/jruler.htm

Ce minuscule utilitaire est tout simplement une règle. Il suffit de lancer l’application et de faire varier le curseur pour agrandir la règle à volonté. Ensuite, en déplaçant la souris, on peut mesurer la position de la souris pixel par pixel sur un axe horizontal par défaut. Un clic droit permettra d’accéder un menu bien utile. On pourra mesurer en pixel, pouses, picas ou centimètres. Le fonction flip permet de passer en mode horizontal ou verticale.

L’animation qui suit permet de comprendre un peu mieux comment l’outil fonctionne.

Conclusion,

Il en faut pour tous les goûts. En fonction des besoins de chacun ces 5 solutions permettent de combler 99% des besoins. Pour un usage sporadique, je conseillerais tout de même la solution bookmarklet. La solution que j’ai utilisée jusqu’à maintenant était Pixelwindowapp.com qui permet de mesurer des pages web, mais aussi tout ce qui se trouve un écran, comme cet application n’est plus à disposition, WndSizer

 Publié la première fois le : 15 avril 2013 à 10 h 39 min

Yed : diagramme en ligne version plutôt professionnelle

Pour faire un graphe simple en ligne, je conseille toujours d’utiliser l’outil disponible sur google doc (google drawing). Ce service possède tout ce qu’on peut espérer d’un outil d’élaboration de diagramme en ligne et sans les complications. Maintenant, quand on passe à des versions plus professionnelles, les options d’élaboration sont bien plus nombreuses, mais la courbe d’apprentissage des outils est bien plus longue. Ces outils feront donc fuir les amateurs. De toutes façons les amateurs n’auront besoin que de 1% de tout ce que proposent les logiciels professionnels, donc pourquoi s’embêter.

Pour vous qui êtes un tant soit peu persévérant et si vous voulez vraiment entrer dans le vif du sujet d’élaboration de diagrammes professionnels, vous pouvez vous frotter à yed qui vient d’être proposé en ligne. Il existe la version software également, mais avant de polluer votre ordinateur avec des logiciels que vous n’utiliserez que très peu (voire jamais ou peut-être une fois) , je propose plutôt et toujours de faire un test en ligne quand l’option est disponible, bien évidemment.

Avec yed, on peut se rendre compte, dans la figure suivante de la complétude de l’outil. Cela dit, après quelques minutes en test, on sent bien que cette version web est limitée en taille et ne permet d’exporter que de petits projets. L’utilisateur qui va s’émerveiller devant l’outil passera donc aussitôt à la version desktop.

Pour commencer, le mieux sera de charger des diagrammes existants, juste pour se faire la main. Il y en a cinq disponibles dans la démonstration et c’est suffisant pour comprendre comment l’outil fonctionne.

Ensuite, c’est à nous de nous battre contre l’outil pour obtenir le résultat qu’on espère créer. La phase de construction est un peu déroutante au début. On appréciera toutefois la réorganisation automatique des diagrammes. Dans la figure suivante j’ai créé 4 types de représentations et ce en quelques secondes.

Après quelques tâtonnements, on arrivera à créer un diagramme simple comme les quatre qui suivent :

Les possibilités d’export sont possibles en format graphml***, ce qui permettra de reprendre un graphe plus tard et ou de l’utiliser avec un autre logiciel du même genre. Les autres exports sont possibles en png, svg ou pdf.

Pour aller plus loin, il sera possible d’importer des objets, ce qui pourra être utile surtout pour personnaliser un diagramme.

Ce qu’on pourra reprocher à cette version d’outil en ligne est le manque d’option de shapes (formes) disponibles dans la base. J’imagine que la version desktop propose plus d’images et de bibliothèques.

Si vous maîtrisez déjà quelques outils d’élaboration de diagrammes en ligne allez donc vous faire la main en ligne avec http://live.yworks.com/yed/0.2/#.

Sinon vous pouvez tester toute une gamme de services identiques (ou presque) sur la fiche » logiciels en ligne pour faire des diagrammes gratuitement ou encore la fiche « faire des graphes en ligne gratuitement » sans oublier les cartes heuristiques.

Définition de graphml : Graphml est un format de fichier XML pour les graphiques. Ce format de fichier est issu de ‘effort conjoint de la communauté de dessins graphiques qui a pour objectif de définir un format commun pour l’échange de données sur la structure graphique. Ce format utilise une syntaxe XML et prend en charge toute la gamme possible des constellations de structure graphique. Bref, quand un logiciel est compatible GraphML on est à peu près sûr de ne pas être ennuyé dans le futur, si on décide de changer de logiciel.

Étiquette : outil