Insertion de gagdets à partir de googledoc [feuille de calcul]

Hier j’ai parlé de carte du monde  et graphique sur googledoc. Il y a une partie tout à fait intéressante également sur google doc feuille de calcul. C’est la partie « Gadget ». La partie gadget vous permet d’intégrer des tableaux, des graphes, des organigrammes… Avec un peu de temps et de curiosité vous allez pouvoir réaliser des présentations intéressantes comme celle-ci qui va servir d’exemple pour ce billet.

Comment procéder?

Je suppose que vous avez un compte google. Créer une feuille de calcul (https://docs.google.com/ cliquez sur , “Créer”, “Feuille de calcul”.

Créer un tableau avec vos données. (vous pouvez vous inspirer du fichier créé à l’occasion pour ce tutoriel ici)

Quand votre tableau est rempli sélectionnez la plage où se trouvent vos données (Feuille!A1:B7) et allez dans « insertion » puis « gadget« 

Programmez votre gadget en fonction des instructions. Plage « Feuille!A1:B7 » : titre « Voiture », Minimum value dans mon cas « 0 ». Maximum value « 100 », Green range (zone verte) « 0:70 », Yello range (zone jaune) « 70:90 » et zone rouge « 90:100 ». Puis appuyez sur « Appliquer et Fermer ».

Voilà vous avez un graphique tout beau. Pour insérer le graphique dans un blogue il faudra procéder à une capture d’écran (mode d’emploi ici)

A vous d’étudier chaque paramètre et fonction pour réaliser d’autres types de représentations. Si vous êtes expert en XML vous pouvez pousser la machine encore plus en créant vos propres gadgets, mais ça dépasse le scope de ce blogue.

Ps : si excel est puissant, les feuilles de calcul de googledoc ont quelques fonctionnalités qu’excel n’a pas!

Comment créer une carte du monde avec une feuille de calcul google doc

Si vous avez un compte gmail, vous avez également accès à l’équivalent de la suite office de microsoft. Cette suite bureautique est gratuite et en ligne. Certes pour des calculs poussés, google document n’a pas encore la puissance nécessaire. Mais, au fil du temps, les choses se sont améliorées grandement et pour mon usage personnel j’en suis plutôt content.  Ici j’explique comment réaliser une carte du monde en couleur à partir d’une feuille de calcul de google doc. https://docs.google.com/

Créer une feuille de calcul (https://docs.google.com/ cliquez sur , « Créer », « Feuille de calcul ».

Vous allez arriver sur une feuille de calcul vierge. Vous devez normalement taper tous les noms de pays en anglais, ce qui est fastidieux, je vais donc vous mâcher le travail.

Afin de créer un carte mondiale avec tous les pays du monde, j’ai créé une page déjà pré-remplie avec une grande partie des pays.  cliquez sur Cartemonde. En effet, la liste des pays doit être écrite en anglais et sans faute d’orthographe. (impossible de trouver la liste officiel des pays).

Dans votre feuille de calcul, sélectionnez toute la plage des pays que vous voulez afficher.

Sélectionner « Insertion » puis « Graphique« 

 Vous allez arriver  sur l’éditeur de graphique. Sélectionner l’onglet « graphiques » et la partie « Carte« . On peut voir qu’il y a une grande quantité d’options de graphiques qui suffisent largement à 99% des besoins. La suite office de google doc n’a pas à rougir du tout de celle de microsoft.

Choissisez une des deux cartes au choix (remplissage des pays pour couleur ou par cercle) puis cliquez sur « insérer ».

Voilà votre carte est terminée :

Pour insérer cette carte dans un blogue. cliquer sur le titre du graphique et sélectionner « Publier le graphique« .

Cliquer sur la liste déroulante et sélectionner « image« .  (si vous sélectionnez le code pour « graphique interactif », le code ne marche pas ni sur blogger ni sur wordpress)

Copier le code dans votre blogue en option html.

Comment copier coller un tableau dans un blogue (googledoc)

J’ai abandonné Excel il y a bien longtemps pour me concentrer plutôt sur Googledoc. Google doc propose une feuille de calcul tout à fait satisfaisante pour 99% de mes usages. Sachez également qu’il y a d’autres services qui peuvent remplacer excel, cf mon billet tableurs en ligne gratuits pour se passer d’excel, mais je préfère de loin googledoc, car il est disponible directement dans ma barre d’outil google. N’oublions pas que microsoft à lancé une version en ligne que j’ai pu testé et qui n’est pas mal du tout.

Revenons au vif du sujet : comment copier coller un tableau dans un blogue. Pour cela il faut utiliser le site internet :  docs.google.com, (condition : créer ou avoir un compte gmail)

Le problème : quand j’élabore un tableau sur google feuille de calcul et que je veux le copier dans ce blogue. Je perds la mise en page.

Solution 1 : tableizer qui est un service gratuit en ligne de transformation d’un tableau excel en html. Je pensais que ça ne fonctionnait qu’avec excel, mais ça marche aussi avec google feuille de calcul., il suffit de copier la zone du tableau à coller et de coller le code html dans le blogue (prendre soin de passer en mode html sur le blogue) et ça donne ça  pour ce tableau 

Blogues PR
https://roget.biz 5
http://roget.info 2
http://1sens.net 3
http://1blogue.net 3
http://01photo.org 2
http://01langue.org 2
http://brasil.roget.biz 3
http://panoramiq.blogspot.com/ 0

Il s’agit d’un résultat simple qui conviendra pour des petits tableaux rapides.

_______________________

Solution 2 : télécharger le fichier en code html. (« fichier », « téléchager », « html feuille active »)

Vous n’avez plus qu’à coller le résulat dans le blogue

Blogues PR
https://roget.biz 5
http://roget.info 2
http://1sens.net 3
http://1blogue.net 3
http://01photo.org 2
http://01langue.org 2
http://brasil.roget.biz 3
http://panoramiq.blogspot.com/ 0
On voit que dans le copier coller, il y a quelques mises au point à faire, mais au moins on conserve les liens url .
 ___________________
Solution 3 : publier avec un code d’incrustation (publier sur le web). Cette méthode est plutôt pratique car si vous changez  les données du tableau en cours de route sur votre feuille de calcul, le tabeau sur votre blogue va être automatiquement corrigé.
Pour faire la manipulation, il faut se rendre sur « Fichier » et cliquer sur « Publier sur le web ».
Une fenêtre de saisie va apparaître : elle vous propose de publier:
  1. toutes les feuilles,
  2. une seule feuille,
  3. ou juste quelques cellules :  pour cette dernière option, il faut mettre la première cellule du tableau (celle en haut à gauche, et la dernière cellule du tableau en bas à droite. exemple : A1:B9
Prendre soin de sélectionner « Code Html à intégrer dans une page ». Cette option  propose un code iframe. (Avec les dernières version de wordpress, le code iframe se comporte très bien).
Voilà donc le résultat de l’incrustation dans le blogue. Pas mal non?

Je sais qu’il existe des plugin pour faire de tableau encore mieux mise en page, mais je ne les ai pas testé. Il y a également la possibilité de le faire en potassant le code html, mais ça dépasse le cadre de ce tutoriel.

Pin It on Pinterest