Inscription au service

(1)

Fiche

technique

02 GeoGebraTube

1 Inscription au service

2 Déposer une ressource sur GeoGebraTube 3 Importer une figure depuis GeoGebraTube

4 Organiser les ressources au sein d'un GeoGebraBook

5 Intégrer une ressource GeoGebraTube au sein d'une page Web 6 Intégrer une figure GeoGebra au sein d'une page Web

QR Code

http://url.univ-irem.fr/ft38

GeoGebraTube (

http://tube.geogebra.org

) est un service, gratuit, permettant le dépôt ainsi que le partage de ressources au format ^GeoGebra . Ce partage peut-être effectué en mode privé ou bien en mode public. En mode public, il est possible de parcourir, sans inscription, les ressources proposées à l'aide d'un navigateur Internet et de visualiser directement les figures en ligne.

L'utilisateur, inscrit au service GeoGebraTube , peut organiser les ressources qu'il a déposées au sein de livres virtuels appelés GeoGebraBooks et, par la suite, rendre ces livres accessibles en ligne. Des fonctionnalités d'inclusion des figures au sein de pages Web sont également présentes. Les différentes versions de GeoGebra (bureau, tablette, en ligne) offrent la possibilité d'exporter ou d'importer directement un fichier vers ou depuis GeoGebraTube .

1

Inscription au service

L'inscription au service GeoGebraTube se révèle indispensable pour y déposer des fichiers (la simple consul- tation des ressources disponibles ne requière aucune identification préalable).

• Ouvrir le navigateur Internet et se rendre sur

.

• Cliquer sur le bouton

ConnexionConnexion

.

Méthode

(2)

• Choisir « Créer un compte ». • En cas d'inscription sans passer par un ser- vice tiers (Google, Facebook,. . .), renseigner les différents champs puis cliquer sur le bou- ton

Créer un compteCréer un compte

.

• Un message signifiant que l'inscription s'est correctement déroulée apparaît alors. Un courrier électronique de validation a été ex- pédié à l'adresse préalablement renseignée.

• Ouvrir la boîte de courrier électronique et cliquer sur le lien fourni (vérifier éventuelle- ment la présence du message dans le dossier des indésirables).

• Le navigateur s'ouvre alors sur une page per- mettant de compléter le profil utilisateur.

Cliquer sur le bouton

SauvegarderSauvegarder

pour enre- gistrer les modifications.

• Il est également possible de personna- liser la photo du profil. Pour accéder à GeoGebraTube , cliquer sur le bouton

Commençons par GeoGebraTube Commençons par GeoGebraTube

.

(3)

• Lors de l'étape de l'inscription, cliquer sur le service tiers désiré (par exemple, Google).

• Entrer les identifiants permettant de se connecter au service tiers (cette étape n'est pas nécessaire si une connexion sur le ser- vice tiers concerné a déjà été effectuée lors de la session courante du navigateur.

• Cliquer sur le bouton

J'accepteJ'accepte

pour autori- ser l'échange d'informations entre GeoGe- braTube et le service tiers.

• Modifier éventuellement l'identifiant et cli- quer sur le bouton

Créer un compteCréer un compte

.

Méthode

Pour se connecter sur GeoGebraTube :

• Sur la page

, cliquer sur le bouton

^Connexion^Connexion

.

• Renseigner les champs Adresse de courriel ou pseudo et Mot de passe puis, cliquer sur le bouton

Se connecterSe connecter

, ou, cliquer le bouton représentant sur le service tiers utilisé.

Méthode

(4)

2

Déposer une ressource sur GeoGebraTube

Plusieurs méthodes coexistent pour déposer une ressource (fichier GeoGebra ) sur GeoGebraTube . Utilisation du navigateur Internet pour déposer une ressource :

• Sur la page

, après connexion à GeoGebraTube , cliquer sur le bouton

Téléverser une ressourceTéléverser une ressource

.

• Cliquer sur le bouton

ParcourirParcourir

.

• Dans la fenêtre d'exploration, sélectionner le dossier puis le fichier. Cliquer alors sur le bouton

OuvrirOuvrir

.

• Une fois le fichier sélectionné, cliquer sur le bouton

TéléverserTéléverser

.

• Dans la rubrique Information pour appre- nants entrer le texte qui sera affiché au- dessus de la figure.

• Il est possible de modifier les dimensions par défaut de la figure en décochant la case Détection automatique et en entrant les di- mensions (en pixels) souhaitées.

Méthode

(5)

• Cliquer sur le bouton

Paramètres avancésParamètres avancés

pour modifier les options d'affichage de l'appli- quette.

• Dans la rubrique Questions pour les appre- nants, entrer le texte qui sera visible sous la figure.

• Cliquer sur le bouton

ContinuerContinuer

. • Dans la rubrique Information pour les autres enseignants, entrer le titre de la res- source ainsi que le texte qui sera visible lors du parcours des ressources.

• Sélectionner la langue, la tranche d'âge et entrer des mots-clés (balises) pour facili- ter la recherche parmi les ressources dispo- nibles.

• Dans la rubrique Statut , sélectionner le type de partage (public, privé ou réservé aux uti- lisateurs disposant du lien).

Enfin, cliquer sur le bouton

.

Remarque :

Une fois la ressource sauvegardée, il est possible de modifier, à tout moment, les informations enregistrées lors de l'étape précédente.

• Sur la page d'accueil de GeoGebraTube , dans la rubrique Mes ressources, cliquer sur la res- source à modifier.

• Sur la page de la ressource, cliquer sur « Édi-

ter ».

(6)

Remarque :

Certaines rubriques disposent d'un éditeur permettant une mise en forme sommaire :

L'appui sur l'un des boutons de cet éditeur encadre le texte préalablement sélectionné par des balises qui seront, par la suite, automatiquement « traduites » par GeoGebraTube afin d'obtenir la mise en forme souhaitée.

• Le bouton insère les balises

^[B]...[/B]

qui provoquent un affichage en caractères gras du texte encadré par ces balises.

• Le bouton permet le passage en italique à l'aide des balises

[I]...[/I]

.

• Les balises

[Math]...[/Math]

sont insérées par le bouton : une police de caractères spécifique aux mathématiques est alors utilisée pour afficher le texte encadré par ces balises. De surcroît, certaines commandes L

^A

TEX sont reconnues à l'intérieur de ces balises.

Par exemple,

[Math]\dfrac{1}{3}[/Math]

produira l'affichage de « 1 3 ».

• Le bouton insère un lien Web ; ainsi,

[url]http://www.univ-irem.fr/[/url]

ren- verra sur la page d'accueil du Portail des I

REM

.

• Pour insérer une liste non numérotée, on utilise le bouton en conjonction avec le bouton (qui permet d'insérer la balise

[*]

signifiant un nouvel élément de la liste).

Ainsi, une liste non numérotée aura la forme suivante :

[list]

[*] premier élément ; [*] deuxième élément.

[/list]

• De la même manière, le bouton (à utiliser avec le bouton ) permet d'insérer une liste numérotée, de la forme :

[list=1]

[*] premier élément ; [*] deuxième élément.

[/list]

• Le bouton permet de colorer le texte encadré par les balises

[color=<code couleur>

]...[/color]

. À l'appui sur ce bouton, une palette permet de choisir parmi neuf couleurs prédéfinies. Cependant, rien n'empêche de modifier par la suite le code couleur inséré.

Il est également possible d'imbriquer les balises. Par exemple,

[b][i][color=#1551b5]IREM[/

color][/i][/b]

affichera le mot « IREM » en bleu avec une graisse épaisse et une forme italique.

(7)

GeoGebra permet aussi d'exporter un fichier vers GeoGebraTube directement depuis son interface. Mais, pour que la manipulation fonctionne, il faudra s'être identifié au préalable sur GeoGebraTube .

• Dans GeoGebra , ouvrir un fichier destiné à être exporté vers GeoGebraTube .

• Sélectionner Fichier · ^Exporter · Feuille de travail dynamique en page web (html ...)

• Compléter les champs Texte avant la construction et Texte après la construction (il est possible d'em- ployer des balises de mise en forme).

• Cliquer sur le bouton

^Téléverser^Téléverser

.

• Après quelques instants, le navigateur s'ouvre sur la page de GeoGebraTube permettant de renseigner les informations de publication d'une ressource.

Les champs Informations pour apprenants et Questions pour les apprenants sont déjà complé- tés avec les données fournies précédemment.

• Depuis le navigateur Internet, modifier les paramètres de l'appliquette et sauvegarder celle- ci.

Méthode

Remarque :

Dans GeoGebra , le menu Fichier · Partager... permet également

d'exporter un fichier vers GeoGebraTube . L'export est réalisé direc-

tement sans apparition de la boîte de dialogue Téléverser dans

GeoGebraTube.

(8)

Pour exporter un fichier depuis l'application Web de GeoGebra :

• Ouvrir ou créer un fichier dans l'application Web de GeoGebra .

• Cliquer sur le bouton .

• Sélectionner le menu Fichier · ^Partager ^.

• Une nouvelle fenêtre du navigateur s'ouvre alors sur la page d'ajout d'une ressource dans GeoGebraTube .

Méthode

3

Importer une figure depuis GeoGebraTube

GeoGebraTube permet de télécharger les ressources disponibles afin d'ouvrir les fichiers ainsi obtenus dans GeoGebra . Cette méthode ne nécessite pas d'être connecté à GeoGebraTube .

• Depuis l'interface en ligne de GeoGebra- Tube , sélectionner une ressource.

• Cliquer sur le bouton

TéléchargerTélécharger

.

• Cocher la case J'accepte les conditions de licence non-commerciale de GeoGebra.

• Cliquer sur Télécharger le fichier (.ggb) .

Méthode

(9)

• Sélectionner le dossier dans lequel enre- gistrer le fichier et cliquer sur le bouton

Enregistrer Enregistrer

.

• Dans GeoGebra , utiliser le menu Fichier ·

Ouvrir pour ouvrir la figure précédemment sauvegardée.

Remarque :

Quand on actionne le bouton

TéléchargerTélécharger

, GeoGebraTube propose d'autres choix que le simple enregistrement de la figure au format

.ggb

:

• Télécharger un dossier complet (hors ligne) (.zip) permet d'enregistrer un fichier com- pressé au format

.zip

qu'il suffit alors d'extraire à l'emplacement de son choix sur le disque dur. Un double-clic sur le fichier au format

.html

présent dans le dossier extrait ouvre le navigateur Internet sur la ressource sélectionnée (version pour apprenant). Tout le matériel nécessaire à une utilisation en local (autrement dit, sans connexion Internet active) est contenu dans le dossier extrait.

• Paquet SCORM (.zip) permet d'obtenir la ressource encodée en objet pédagogique struc- turé (norme S

CORM

) de telle manière à pouvoir l'inclure aisément sur une plate-forme d'apprentissage en ligne.

• Les menus Télécharger comme Widget iBook (en ligne) et Télécharger comme Widget iBook (hors ligne) permettent aux utilisateurs de l'application iBooks Author de télé- charger le matériel nécessaire à l'inclusion d'une ressource GeoGebraTube au sein d'un document destiné à être lu sur un iPad.

Il est possible d'ouvrir un fichier déposé en tant que ressource GeoGebraTube directement depuis l'interface de GeoGebra :

• Depuis l'interface en ligne de GeoGebra- Tube , sélectionner une ressource.

• Dans la barre d'adresse du navigateur, noter le numéro de la ressource (ici : 145348).

Méthode

(10)

• Ouvrir GeoGebra et sélectionner le menu Fichier · Ouvrir depuis GeoGebraTube...

• Dans la boîte de dialogue Ouvrir de- puis GeoGebraTube , inscrire l'identifiant de la ressource et cliquer sur le bouton

Rechercher

.

• Effectuer un double clic sur la ressource ou bien cliquer sur le bouton .

• Après quelques instants, la figure est char- gée dans GeoGebra .

La version Web de GeoGebra permet également d'importer une ressource depuis GeoGebraTube :

• Sur la page d'accueil de l'interface Web de GeoGebra , cliquer sur le bouton

Chercher des ressources GeoGebra Chercher des ressources GeoGebra

.

• Sélectionner une ressource en effectuant un clic sur celle-ci avec le bouton gauche de la souris.

Méthode

(11)

• Cliquer sur Éditer . • La figure est alors chargée dans l'interface Web de GeoGebra .

4

Organiser les ressources au sein d'un GeoGebraBook

Lorsque plusieurs ressources partagent la même thématique, le même sujet d'étude ou encore proposent des activités fonctionnant de concert, il peut s'avérer intéressant de les regrouper. Pour ce faire, GeoGebraTube autorise la créations de GeoGebraBooks. Les procédures qui suivent nécessitent, au préalable, d'être connecté sur son compte GeoGebraTube .

Pour créer un GeoGebraBook :

• Sur la page d'accueil de GeoGebraTube , cli- quer sur le bouton

Nouveau GeoGebraBookNouveau GeoGebraBook

.

• Renseigner les différents champs (titre, langue, . . .), puis cliquer sur le bouton

Sauvegarder Sauvegarder

.

Méthode

Remarque :

Il est également possible de créer un GeoGebra-

Book à la volée, au moment d'inclure une res-

source dans un GeoGebraBook, en cliquant sur

Créer un nouveau GeoGebraBook .

(12)

Une fois le GeoGebraBook créé, il est possible d'ajouter à celui-ci toute ressource disponible sur GeoGebra- Tube , que celle-ci appartienne ou non au créateur du GeoGebraBook.

• Dans GeoGebraTube , sélectionner une res- source (parmi les ressources publiquement partagées ou parmi les ressources situées dans la rubrique Mes ressources).

• Sur la page de la ressource choisie, cliquer sur le bouton

+Ajouter dans GeoGebraBook+Ajouter dans GeoGebraBook

.

• Cocher la ou les cases qui permettent d'in- diquer dans quels GeoGebraBooks stocker la ressource et valider en cliquant sur le bouton

OK OK

.

Méthode

Il est également possible d'ajouter une ressource au sein d'un GeoGebraBook directement depuis la page d'édition de ce dernier. L'édition d'un GeoGebraBook autorise d'autres opérations, comme la suppression d'une ressource, l'organisation des ressources à l'intérieur de chapitres, le choix d'une image de couverture.

• Dans GeoGebraTube , sélectionner un Geo- GebraBook.

• Cliquer sur « Éditer ».

Méthode

(13)

Pour ajouter une ressource dans le GeoGebraBook sélectionné :

• Dans l'onglet Contenu, cliquer sur le bou- ton

Ajouter une ressourceAjouter une ressource

, puis sur Insérer Feuille de travail existante .

• Par défaut, l'interface présente les res- sources téléversées par l'utilisateur. Il est aussi possible d'utiliser le champ Recher- cher pour faire apparaître des ressources publiques. Pour ajouter une ressource, cli- quer sur le bouton

Ajouter une ressourceAjouter une ressource

.

Pour réordonner les ressources :

• Dans l'onglet Contenu, effectuer un clic avec le bouton gauche de la souris sur la ressource à déplacer et, en maintenant le bouton gauche enfoncé, commencer à dé- placer la ressource.

• Relâcher le bouton gauche de la souris pour valider le déplacement de la ressource.

Pour supprimer une ressource du GeoGebraBook sélectionné :

• Dans l'onglet Contenu, cliquer sur l'icône

située face à la ressource indésirable.

(14)

Pour ajouter un chapitre :

• Dans l'onglet Contenu, cliquer sur le bou- ton

Ajouter un chapitreAjouter un chapitre

puis sur Créer un nouveau chapitre .

• Dans la boîte de dialogue, fournir un titre et une description puis cliquer sur le bouton

Sauvegarder Sauvegarder

.

Pour réordonner les chapitres :

• Dans l'onglet Contenu, sélectionner un cha- pitre.

• En maintenant le bouton gauche de la souris enfoncé, effectuer un glisser-déposer pour modifier l'ordre des chapitres.

Pour affecter une ressource à un chapitre :

• Dans l'onglet Contenu , sélectionner une ressource.

• En maintenant le bouton gauche de la souris

enfoncé, effectuer un glisser-déposer vers le

chapitre de destination.

(15)

Pour supprimer un chapitre :

• Dans l'onglet Contenu, sélectionner un cha- pitre et cliquer sur l'icône .

• En cas d'erreur, il est possible d'annuler la suppression en cliquant sur le lien Annuler .

La suppression d'un chapitre entraîne la suppression des ressources associées à ce chapitre dans le GeoGebraBook, mais pas dans GeoGebraTube .

Pour modifier l'image de couverture du GeoGebraBook :

• Dans l'onglet Titre de page , rubrique Cou- verture , cliquer sur le bouton

Parcourir...Parcourir...

.

• Sélectionner le fichier image souhaité puis cliquer sur le bouton

OuvrirOuvrir

.

• Cliquer sur le bouton

pour que les modifications soient prises en compte.

• L'image sélectionnée représente désormais

la couverture du GeoGebraBook.

(16)

5

Intégrer une ressource GeoGebraTube au sein d'une page Web

Les ressources disponibles dans GeoGebraTube peuvent être incluses dans des pages Web externes à GeoGe- braTube .

• Dans GeoGebraTube , sélectionner une res- source (parmi les ressources publiquement partagées ou parmi les ressources situées dans la rubrique Mes ressources).

• Sur la page de la ressource choisie, cliquer sur le bouton

ImbriquerImbriquer

.

• Sélectionner la plate-forme sur laquelle la ressource est destinée à être incluse (choisir HTML pour une utilisation générique).

• Modifier éventuellement les dimensions par défaut de l'appliquette, puis cocher ou décocher les cases relatives aux options de l'appliquette, en fonction des besoins (le code html est instantanément mis à jour selon les cases cochées ou non).

• Cliquer sur le bouton

Copier dans le presse-papiersCopier dans le presse-papiers

.

• Éditer le code source de la page Web destinée à embarquer l'appliquette GeoGebra et coller le code html.

Méthode

(17)

6

Intégrer une figure GeoGebra au sein d'une page Web

Nous nous proposons de compléter le paragraphe précédent avec le descriptif d'une méthode permettant d'inclure une figure GeoGebra à l'intérieur d'une page Web. Pour cette méthode, il n'est pas nécessaire que la figure ait été déposée au préalable sur ^GeoGe- braTube . De surcroît, la page Web ainsi produite pourra être visua- lisée sans connexion Internet active.

Le prérequis indispensable pour mettre en œuvre la méthode suivante consiste à disposer de la dernière version de GeoGebraWeb . GeoGebraWeb est la version html5 de GeoGebra et peut fonctionner dans n'importe quel navigateur moderne sans nécessiter Java.

Pour installer GeoGebraWeb :

• Ouvrir le navigateur Internet et se rendre sur

http://dev.geogebra.org/download/

web/

.

• Cliquer sur le nom du fichier le plus récent pour démarrer la procédure d'enregistre- ment du fichier sur le disque dur.

• Sélectionner le dossier de destination et cli- quer sur le bouton

EnregistrerEnregistrer

.

• Ouvrir l'Explorateur de fichiers Windows et effectuer un clic droit sur le nom du fichier téléchargé. Choisir le menu Extraire tout...

Méthode

(18)

• Cliquer sur le bouton

^Suivant^Suivant

pour démarrer la procédure d'extraction.

• Cliquer sur le bouton

Parcourir...Parcourir...

pour sélec- tionner le dossier d'extraction.

• Sélectionner le dossier d'extraction puis cli- quer sur le bouton

OkOk

.

• Une fois le dossier d'extraction choisi, cli- quer sur le bouton

Suivant >Suivant >

.

• Cliquer sur le bouton

TerminerTerminer

.

(19)

Pour inclure une figure GeoGebra au sein d'une page Web, il faut donc faire appel aux ressources fournies par GeoGebraWeb . Ce dernier propose trois versions distinctes de GeoGebra rangées dans trois dossiers différents :

• Le dossier

webSimple

contient une version de base de GeoGebra permettant d'inclure une figure simple placée dans une seule vue graphique (le poids des fichiers à embarquer reste raisonnable) ;

• Le dossier

web

contient une version complète de GeoGebra mais ne permet pas l'utilisation des figures de géométrie dans l'espace ;

• Le dossier

web3d

permet d'utiliser toutes les fonctionnalités de GeoGebra .

Remarque :

Les fichiers et dossiers contenus dans le dossier d'extraction de GeoGebraWeb et situés à l'exté- rieur des trois dossiers précédemment cités ne sont pas requis pour un fonctionnement correct de la procédure détaillée ici.

La structure (presque) minimale d'un fichier

.html

destiné à recevoir une figure GeoGebra est la suivante :

1 <!DOCTYPE html>

2 <html>

3 <head>

4 <title>Ma figure GeoGebra</title>

5 <script type="text/javascript" src="web3d/web3d.nocache.js"></script>

6 </head>

7 <body>

8 <center>

9 <h1>Ma figure GeoGebra</h1>

10 <div>

11 <article class="geogebraweb"

12 data-param-width="1024" data-param-height="768"

13 data-param-ggbBase64="<code>"

14 data-param-enableRightClick="true"

15 data-param-enableLabelDrags="true"

16 data-param-enableShiftDragZoom="true"

17 data-param-showMenuBar="false"

18 data-param-showToolBar="false"

19 data-param-showAlgebraInput="false"

20 data-param-showResetIcon="true"

21 data-param-useBrowserForJS="true">

22 </article>

23 </div>

24 </center>

25 </body>

26 </html>

La ligne 5 permet de préciser au navigateur où trouver les ressources fournies par GeoGebraWeb . L'adresse indiquée par la balise

^src

est donc une adresse relative à modifier en fonction de l'emplacement des fichiers (on suppose ici que le fichier

.html

est situé dans le dossier parent du dossier GeoGebraWeb utilisé) ainsi que des besoins :

• pour une figure simple, on écrira :

<script type="text/javascript" src="webSimple/webSimple.nocache.js"></script>

• pour une figure n'utilisant pas la vue 3D, on écrira :

<script type="text/javascript" src="web/web.nocache.js"></script>

La ligne 12 est à modifier en fonction de la largeur et de la hauteur désirée pour la figure (en pixels).

(20)

la combinaison de touches

^Ctrl^Ctrl

+

^V^V

permet de le coller dans l'éditeur de texte utilisé pour générer le fichier

.html

.

Les lignes 14 à 21 permettent de définir certains paramètres de personnalisation de l'appliquette :

•

data-param-enableRightClick="true"/"false"

: autorise ou non le clic-droit sur la figure ;

•

data-param-enableLabelDrags="true"/"false"

: autorise ou non le déplacement des étiquettes des objets ;

•

data-param-enableShiftDragZoom="true"/"false"

: autorise ou non le déplacement de la figure ou l'activation du zoom sur celle-ci ;

•

data-param-showMenuBar="true"/"false"

: affiche ou non la barre des menus ;

•

data-param-showToolBar="true"/"false"

: affiche ou non la barre d'outils ;

•

data-param-showAlgebraInput="true"/"false"

: affiche ou non le champ de saisie ;

•

data-param-showResetIcon="true"/"false"

: affiche ou non une icône permettant de réinitialiser (recharger) la figure ;

•

data-param-useBrowserForJS="true"/"false"

: quand ce paramètre est réglé sur

true

, c'est le navigateur qui est utilisé pour interpréter le code JavaScript, sinon, c'est un interpréteur intégré à GeoGebra qui est utilisé.

La liste complète des paramètres de l'appliquette est disponible sur le Wiki GeoGebra :

http://wiki.

geogebra.org/fr/Référence:Paramètres_Appliquette

.

Remarque :