1. Embarquement immédiat
Les feuilles de tableurs
partage
publication
insertion
Applications dans un cours
Jérôme DEMIAUX – Embarquement : Feuille de tableurs
2. Contenu
Google Documents, dans sa version publique et
éducation, permet la création de documents de type
1
texte, tableur, dessin, présentation et formulaire.
Toutes ces productions peuvent être insérées
(embed) dans une page web. Nous allons voir
comment réaliser cette opération en paramétrant les
différentes options offertes: le partage de
document, la publication et l’insertion.
Réalisation
Insertion d’une feuille de tableur (1) dans une page
web, ici un article de blog (2) hébergé par Blogger.
Caractéristiques:
Niveau : débutant
Temps estimé : 20 minutes
Opérations préliminaires et prérequis
Posséder (ou avoir créer) un compte Google.
Avoir créer une feuille de calcul à l’aide de Google
Docs.
Etre connecté à internet.
2
Jérôme DEMIAUX – Embarquement : Feuille de tableurs
3. Étape 1 : partager le document
Par défaut les éléments créés avec Google
Documents sont privés, personne ne peut les lire et
encore moins les modifier, à part le propriétaire bien
sûr.
Si l’on veut que les visiteurs puissent au moins
visualiser la feuille, il faut donc modifier cette
option.
Le survol de l’indication d’état (1) vous renseigne
sur le partage de document et un clic sur ce même
lien ouvre la fenêtre de partage. Le même résultat
est obtenu en cliquant sur le bouton Partager (2)
pour faire apparaître la liste déroulante et en
choisissant Paramètres de partage …
Les deux actions produisent le même résultat : l’
apparition d’un popup central (3) décrivant les
options actuelles choisies, ici surligné en jaune le
statut « Privé » du document. C’est ce statut que
nous allons modifier.
Cliquons sur « Modifier » (4)
Jérôme DEMIAUX – Embarquement : Feuille de tableurs
4. Étape 1a : modifier le partage
La nouvelle fenêtre recense tous les états possibles qu’une
feuille de tableur peut prendre.
A l’ouverture, l’option de visibilité est paramétrée sur
« Privé ».
Allons cliquer sur la bouton radio (1) « Tous les utilisateurs
disposant du lien » pour choisir cette option. Pour l’instant,
ne prêtons pas attention aux nouvelles possibilités qui
apparaissent.
Cliquons simplement sur « Enregistrer » pour valider notre
choix et revenir à la fenêtre précédente. On peut y vérifier la
prise en compte de la modification (3), trouver et copier le
lien direct vers le document (4) à transmettre à nos
partenaires, ou juste cliquer (5) sur « Fermer » pour fermer
le popup et revenir au document en cours d’édition.
Jérôme DEMIAUX – Embarquement : Feuille de tableurs
5. Étape 1b : vérification
De retour sur la fenêtre principale des Google Docs, nous pouvons vérifier une dernière fois que l’opération de
modification du statut du document a été couronnée de succès.
L’état « Tous les utilisateurs disposant du lien » devrait apparaître en lieu et place du statut « Privé » initial.
Si cela n’était pas le cas, je vous invite à refaire les manipulations en prenant garde de bien suivre les instructions.
Commentaires, remarques et précisions A suivre …
Au cours de l’étape précédente, nous n’avons pas choisi Attention, le partage effectué précédemment ne suffit
l’option de partage « Public » trop permissive et qui n’ pas à permettre l’affichage du document sur une page
apporte rien dans notre étude de cas. Cela aurait d’un site web mais simplement à indiquer qui pourra
permis à tous d’afficher directement la feuille de calcul. avoir accès et avec quels droits.
Elle serait également indexée par les moteurs de Il reste encore à « Publier le document » afin de le
recherche. rendre visible sur la toile.
Ces deux phénomènes ne sont pas gênant en soi, mais Cela sera l’objet de l’étape 2.
cela permettrait d’accéder au document sans au moins
passer une fois par notre article ou notre site, et ça ça
serait vraiment dommage , non ?
Toujours au cours de cette même étape, il est possible,
avant de refermer le popup, d’envoyer le lien
conduisant au document via mail en renseignant le
champ « Ajouter des personnes » éventuellement à
partir de son carnet d’adresse Gmail, d’un groupe
GoogleApps ou de n’importe quelle adresse mail valide.
Jérôme DEMIAUX – Embarquement : Feuille de tableurs
6. Étape 2 : publier le document
Afin que le document soit accessible via internet, il faut le
publier.
Sur la page principale du document, retournons (1) dans le
menu « Partager » afin cette fois de choisir l’option (2)
« Publier en tant que page Web ».
Comme précédemment une nouvelle fenêtre popup (3) s’
ouvre en affichant les paramètres de la publication.
Cette fenêtre regroupe deux catégories de paramètres.
Dans la partie haute, surlignée en vert dans la copie d’écran
ci-contre, nous trouverons ceux liés à la publication du
document.
Alors que dans la zone surlignée en rose, désactivée pour l’
instant, nous serons à même de générer les différents liens
ou codes permettant l’affichage et la diffusion de notre
feuille de calcul.
Dans la section « Feuilles à publier », derrière la liste
déroulante (4) « Toutes les feuilles » nous pourrons
choisir quelles feuilles spécifiques du tableur seront
effectivement publiées.
Il ne reste plus qu’à lancer la publication en cliquant
(5) sur le bouton « Démarrer la publication ».
La zone « Insérer un lien … » s’active alors.
Jérôme DEMIAUX – Embarquement : Feuille de tableurs
7. Étape 2a : génération des liens
La section « Insérer un lien » permet en fait de générer, en
fonction de la destination finale de la publication, soit un
lien web vers la feuille publiée, soit un exemple de code
HTML qu’il suffira d’insérer dans sa future page web pour
faire apparaître dans cette dernière la feuille de calcul.
En premier lieu, il convient d’indiquer via la liste déroulante
(1) ce que l’on veut faire avec notre publication, plusieurs
choix sont possibles mais pour ce que l’on désire, nous
devons indiquer « Code HTML »
S’agissant d’un tableur, ce dernier peut contenir plusieurs
feuilles de calcul, la deuxième liste déroulante (2) permet d’
indiquer quelles feuilles devront être publiées (et donc
accessibles). Suivant la confidentialité des données d’
éventuelles autres feuilles, vous pouvez cantonner la
publication à la seule feuille en rapport avec votre article, ici
« Fichiers »
Une troisième case, non traitée ici, permettrait également de
limiter la publication des feuilles choisies juste au dessus à
une plage particulière de cellules.
Le code HTML correspondant à votre
demande s’inscrit dans la zone de texte
(3). Il ne resta alors qu’à le copier puis le
coller dans votre article de blog ou votre
page web.
Ce code n’est qu’un exemple.
En fonction de vos connaissances en
langage HTML, vous pourrez le modifier
jusqu’à obtenir le résultat graphique
souhaité.
Ainsi en modifiant à ‘100%’ la valeur du
paramètre width , la feuille du tableur
occupera toute la place (en longueur)
réservée à son affichage.
Jérôme DEMIAUX – Embarquement : Feuille de tableurs
8. Étape 3 : insertion de la feuille
Une fois le code HTML récupéré, sagement
sauvegardé dans un petit fichier texte en attendant
son utilisation, nous pouvons basculer sur notre
blog afin de l’utiliser et donc d’insérer la feuille dans
notre article.
En fonction du moteur de votre blog (nous utilisons
Blogger), la fenêtre d’édition peut présenter un
aspect graphique différent mais vous retrouverez
toujours la possibilité de basculer cette affichage (1)
du mode WYSIWYG en mode HTML.
A l’endroit souhaité, collons (2) le code HTML de l’
étape précédente.
Validons notre modification en publiant (3) notre
article
Voilà, nous venons d’insérer une feuille de
tableur au sein d’un article de blog. Les
modifications apportées à cette feuille seront (à
moins d’un choix contraire) automatiquement
répercutées au sein de votre article.
Cool non ?
Jérôme DEMIAUX – Embarquement : Feuille de tableurs
9. Étape 4 : applications
Voyons maintenant comment appliquer cette méthode d’insertion dans un espace de cours sur une plateforme
motorisée par Moodle. Nous devons bien sûr posséder les droits d’édition dans ce cours.
Pour l’illustration des propos, nous
utiliserons un cours spécialement adapté
à la démonstration. Une section a été
créée « Insertion de documents » et un
maximum d’éléments masqués. Cela ne
change rien aux diverses manipulations à
venir.
Passons en mode édition (1) en cliquant
sur le bouton Activer le mode édition
L’affichage de la page est modifié en
conséquence, laissant apparaître les
différentes options de création d’activités
et de ressources.
Intéressons nous à l’ajout de ressources
lié à la section désirée (2).
Parmi les possibilités offertes, trois d’
entre elles sont plus particulièrement
susceptibles de nous convenir :
● Insérer une étiquette
● Composer une page web
● Lien vers un fichier ou un site web
Jérôme DEMIAUX – Embarquement : Feuille de tableurs
10. Étape 4a : insertion dans une étiquette
En choisissant Insérer une étiquette, nous faisons apparaître le formulaire de création de
l’élément, une nouvelle page de paramètres regroupés en rubriques.
Il nous faut dans un premier temps basculer l’éditeur entre les modes WYSIWYG et HTML
en cliquant sur l’icône prévue à cet effet (1)
La barre supérieure de l’éditeur est
modifiée, de nombreuses icônes
sont grisées et inaccessibles, nous
sommes bien en mode HTML.
Nul besoin d’être compétent dans ce
langage pour recopier dans le
fenêtre de l’éditeur (2) le texte (ici
surligné en jaune) déjà utilisé dans
les étapes précédentes et obtenu
lors de la publication du document.
Rappelez vous, on l’avait
sauvegardé dans un fichier texte.
Terminons la manipulation en
validant (3) par un clic sur le bouton
Enregistrer et revenir au cours, le
résultat s’affiche alors.
Jérôme DEMIAUX – Embarquement : Feuille de tableurs
11. Étape 4b : une page web
En choisissant Composer une page
web, nous faisons apparaître le
formulaire de création de l’élément,
une nouvelle page de paramètres
regroupés en rubriques.
Après avoir renseigné le titre (1) et la
description de la page (2), il nous faut
basculer l’éditeur entre les modes
WYSIWYG et HTML en cliquant sur l’
icône (3)
Comme pour la création d’une
étiquette, il suffit ici de recopier dans
le fenêtre de l’éditeur (4) le fameux
texte (surligné en jaune) déjà utilisé
dans les étapes précédentes.
Terminons la manipulation en validant
(5) par un clic sur le bouton
Enregistrer et afficher pour visualiser
le résultat, une présentation de la
ressource pleine page tout en
conservant les outils de navigation de l’
espace de cours.
Jérôme DEMIAUX – Embarquement : Feuille de tableurs
12. Étape 4c : un simple lien
En choisissant Lien vers un fichier ou
une site web, nous faisons apparaître
le formulaire de création de l’élément,
une nouvelle page de paramètres
regroupés en rubriques.
Après avoir renseigné le titre (1) et la
description de l’objet visé (2), il nous
faut alors renseigner(3) le chemin d’
accès au document, l’URL.
Cette adresse peut être récupérée, soit
en la copiant à partir du code HTML
précédent, soit à partir du document
original, elle apparait lors du partage
et de la publication de ce dernier.
Terminons la manipulation en validant
(5) par un clic sur le bouton
Enregistrer et afficher pour visualiser
le résultat, une présentation de la
ressource pleine page mais SANS
conservation des outils de navigation
de l’espace de cours.
Jérôme DEMIAUX – Embarquement : Feuille de tableurs
13. Étape 4 : les résultats
Au final, voici le résultat de nos insertions, un lien (1)
vers une page web intégrant les outils de navigation
de l’espace de cours, un lien (2) vers le document lui-
même, sans navigation , donc sans possibilité de
revenir vers le cours, et la ressource insérée (3) au
sein même du cours.
Voilà, le choix de la méthode d’insertion vous revient.
Jérôme DEMIAUX – Embarquement : Feuille de tableurs