Dcouvrir Opale Starter 3.3

Dcouvrir Opale Starter 3.3

Version 3.2

V e r s i o n d u d o c u m e n t V e r s i o n 3 . 2

D a t e M a i 2 0 1 2

E d i t e u r U T C - U I I C S

R d a c t e u r s

Catherine Heyvaerts - Cline Bur

2

Sommaire

Introduction............................................................................................................................5

I Tout d'abord, prparer le terrain !......................................................................................7

II Ensuite, ajouter du contenu............................................................................................10

III Dfinir les premiers niveaux de titres : division et grain............................................13

IV Des niveaux de titre supplmentaires : les parties.....................................................15

V Donner du sens : le balisage..........................................................................................19

VI Listes simples et listes ordonnes................................................................................23

VII Publier votre module sur diffrents supports.............................................................28

VIII Insrer une image..........................................................................................................32

IX Insrer des liens vers des pages Web ou des documents.........................................38

Conclusion...........................................................................................................................41

Valeurs de rfrence...........................................................................................................42

Copies d'cran.....................................................................................................................44

So

mm

air

e

3

Introduction

Pour un premier contact...

Ce tutoriel est ddi la DCOUVERTE d'Opale Starter, l'application simplifie d'Opale.

Il a t conu pour satisfaire votre curiosit en un minimum de temps.

Si par la suite vous souhaitez produire des documents plus complets, il vous faudra probablement suivre

des modules complmentaires et consulter la documentation logicielle.

Ici, vous apprendrez :

organiser vos fichiers dans Opale,

crer le plan de votre contenu,

enrichir celui-ci avec des balises pdagogiques, des images, des listes,

publier votre travail pour le Web et pour l'impression papier.

Temps ncessaire

Vous devez compter environ 1h30 pour cet exercice une fois vos applications installes (environ 15 minutes supplmentaires sont prvoir).

Rappel - Documents tlcharger

Il faut vous munir des supports du tutoriel. Ce dossier compress (format .zip) comprend :

un document de intitul opale_starter_trame_decouverte.odt, portant sur le thme des Comtes.

un dossier de intitul opale_starter_decouverte_ressources contenant des images et un fichier PDF.

Accs au menu de ce tutoriel

Si le menu du tutoriel n'apparat pas gauche de ce texte, cliquez sur la petite flche blanche sur

fond mauve pour le dplier.

Intr

od

uc

tio

n

4

I Tout d'abord,prparer le terrain !

Pour dmarrer votre travail dans Opale, vous devez au pralable dfinir le dossier dans lequel vous allez

ajouter votre contenu. Ce dossier se nomme espace et est symbolis par .

Crer un espace de travail

Crer un espace

> cf 'creer_espace.scr.swf'

Pour crer un , cliquez-droit sur l'Atelier (zone blanche gauche dans l'application) ;

Dans la liste choisissez : Ajouter un espace ;

Dans la bote de dialogue, renseignez le nom de l'espace que vous allez crer. Si vous crez par

exemple un ensemble de 10 modules de formation, vous pouvez crer un espace par module. Le

premier espace s'appellera par exemple Module_01 ;

Cliquez sur OK ;

L'espace apparat alors l'intrieur de votre atelier ;

Vous pouvez imbriquer un espace dans un espace... autrement dit, crer des sous-espaces

l'intrieur de l'espace racine !

Une autre faon de faire ?

Vous pouvez galement utiliser le bouton Crer un espace.

Crer un espace racine et des sous espaces avec

Starter

> cf 'Starter-creer-espace.scr.swf'

To

ut

d'a

bo

rd,

pr

pa

rer

le t

err

ain

!

5

Ateliers, espaces, items...

Rcapitulons :

Un atelier dsigne une grande rubrique gnrique : par exemple l'ensemble des dossiers pour une discipline, une classe, un enseignant ou un projet. Vous rangerez dans un mme atelier un ensemble

de modules connexes. Par dfaut, cet atelier s'appelle Opale et porte donc le nom du modle

documentaire que nous sommes en train d'utiliser.

Un espace dsigne un dossier (principal ou secondaire) : par exemple le dossier contenant tel module de cours ainsi que les sous dossiers qui lui sont associs. On appellera espace racine le

dossier principal.

Un item est un fichier - trs exactement : n'importe quel fichier ! - un texte, une image, une vido, une rfrence bibliographique, un mot de glossaire...

Un contenu cr avec Opale est un espace peupl d'items de toutes sortes.

Entranement Trame Comtes : espace

Crer un espace que vous nommerez .

Un dossier cometes apparat alors dans la zone de gauche : cf 'ajouter_atelier.scr.swf'

Dans le menu en haut gauche de l'application cliquez sur Atelier, puis sur Ajouter un atelier ;

Dans la bote de dialogue, champ "Code", saisissez le nom que vous souhaitez donner votre

atelier. Par exemple, "Opale" ;

Il est conseill de conserver le modle Standard de stockage des sources

Slectionnez une dfinition de votre choix dans la liste des modles standard, par exemple

Opale Advanced (fr-FR) ;

Cliquez sur Crer.

To

ut

d'a

bo

rd,

pr

pa

rer

le t

err

ain

!

6

Comprendre l'organisation des espaces

To

ut

d'a

bo

rd,

pr

pa

rer

le t

err

ain

!

7

II Ensuite, ajouter ducontenu

Un formulaire ?

Pour ajouter du contenu dans Opale, vous devez crer le formulaire dans lequel vous crirez. Ce formulaire

se nomme "Module" ou "Item racine".

L'item racine est en quelque sorte le cerveau de votre contenu : c'est le fichier qui coordonne tous les

autres et dcrit leur emplacement.

Un Module est ncessairement plac dans un espace.

Crer un item Module

Crer un item racine Module Opale avec Starter

> cf 'Starter-creer-item.scr.swf'

Pour crer votre premier item, slectionnez l'espace que vous venez de crer ;

Cliquez droit sur cet espace (votre espace est alors surlign en bleu) ;

Dans la liste choisissez Ajouter un item ;

Une bote de cration d'items apparat. Choisissez l'item Module Opale ;

Dans le champ Nom de l'item, renommez l'item comme vous le souhaitez en respectant la

nomenclature informatique (l'extension du fichier est XML) ;

Cliquez sur le bouton Crer ;

L'item apparat alors l'intrieur de votre espace ;

En slectionnant votre item Module dans l'Atelier, vous ouvrez le formulaire dans la zone de travail.

Dans Opale Advanced...

Dans la version complte de l'application, la bote de cration d'items est beaucoup plus complte.

Crer un item racine "Module Opale"

En

su

ite

, a

jou

ter

du

co

nte

nu

8

> cf 'creer_item_racine.scr.swf'

Entranement Trame Comtes : module

Placez-vous sur le dossier cometes et cliquez sur Crer un item.

Choisissez en haut de la liste, laissez le nom par dfaut, et cliquez sur

Crer.

Tout est prt pour pouvoir ajouter du contenu !

Entranement Trame Comtes : titre

Placez votre curseur dans le champ et inscrivez le titre de votre moduleref 1 page37.

Le formulaire Opale : blocs et champs obligatoires

La petite croix dans un rond rouge signale les champs obligatoires, c'est--dire ceux qui devront tre

remplis pour que votre module soit publiable (format web et papier).

Par exemple, le du Module que vous venez de complter est un champ obligatoire.

Il en existe d'autres que nous dcouvrirons au fur et mesure de notre progression dans ce tutoriel.

Lorsque des champs obligatoires ne sont pas renseigns un endroit de votre formulaire, Opale vous le

signale par une petite croix sur l'icne dans votre gauche.

Entranement Trame Comtes : objectifs et introduction

Copiez-collez les objectifs du module dans le champ (faites un double clic sur le

titre de ce champ pour l'ouvrir).

Copiez-collez l'introduction dans le champ (faites un double clic sur le titre de

ce champ pour l'ouvrir).

Enregistrez votre module en cliquant sur la disquette de la barre d'outils.

En

su

ite

, a

jou

ter

du

co

nte

nu

9

Le formulaire Opale : blocs et champs optionnels

Contrairement aux lments marqus d'une croix rouge mentionns prcdemment, les lments griss

sont optionnels.

En effet, Opale vous guide en vous proposant un formulaire ddi la cration de documents

pdagogiques riches (objectifs, introduction...). Mais si votre contenu ne s'y prte pas vraiment, libre vous

de ne pas remplir ces champs ou de le faire plus tard.

Favoriser l'orientation

En

su

ite

, a

jou

ter

du

co

nte

nu

10

III Dfinir lespremiers niveaux detitres : division et grain

Maintenant que vous avez prpar votre environnement de travail (cration d'un espace, d'un module) et

complt les champs d'en-tte (titre, objectifs, introduction), nous allons ajouter du contenu dans le

formulaire Opale avec les premiers niveaux de titre.

Entranement Trame Comtes : division

Une est cre par dfaut dans l'item racine.

Renseignez son titreref 2 page37.

Voil ! Le premier grand titre de votre module est en place.

Prenez ds maintenant le rflexe d'enregistrer votre travail en cliquant sur la disquette de la

barre d'outils.

A ce stade, il doit probablement rester une croix d'erreur dans votre module, celle du cr par dfaut dans la .

D

fin

ir l

es

pre

mie

rs n

ive

au

x d

e t

itre

s :

div

isio

n e

t g

rain

11

Entranement Trame Comtes : grain de contenu

Un est donc cr par dfaut dans la .

Copier/coller son titreref 2 page37.

Effacez la numrotation 1.1 si vous l'avez copie : la hirarchie sera recre automatiquement par Opale.

N'crivez jamais de numros "fixes" car si vous souhaitez plus tard rutiliser un morceau de votre

contenu dans un autre module, la numrotation que vous aurez crite n'aura plus de sens.

Enregistrez votre document en cliquant sur la disquette dans la barre d'outils.

En principe, la croix rouge disparat dans votre formulaire et sur votre icne module dans

l' gauche.

Si la croix n'a pas disparue sur le module de votre atelier, c'est parce que vous avez cr des

champs obligatoires par inadvertance.

Reprez ces champs encore marqus d'une croix rouge dans votre page et supprimez-les

(slectionnez le bloc qui devient bleu et effacez-le avec la touche [Suppr] de votre clavier).

Voir aussi

D

fin

ir l

es

pre

mie

rs n

ive

au

x d

e t

itre

s :

div

isio

n e

t g

rain

12

IV Des niveaux detitre supplmentaires :les parties

Vous disposez bien de votre trame porte de main ?

Arrangez-vous pour pouvoir passer facilement de la fentre Opale ce document OpenOffice.

Vous pouvez utiliser le raccourci clavier [alt+tab].

Vous pouvez galement utiliser les options rduire / agrandir pour jongler d'une fentre

l'autre.

Les boutons rduire / agrandir sont souvent signals par une double icne situe en haut droite de vos

fentres.

Entranement Trame Comtes : partie

Ouvrez la cre par dfaut dans le en double cliquant sur le

champ.

Copier/coller son titreref 2 page37.

Effacer le numro de partie 1.1.1 : l encore, la hirarchie sera recre automatiquement par Opale.

Une balise pdagogique est cre par dfaut.

Copier/coller le premier paragraphe dans cette balise pdagogique.

Laissez la de ct pour l'instant, nous y reviendrons bientt.

L'toile d'insertion : votre icne tout faire

L'toile d'insertion est l'outil que vous utiliserez le plus souvent dans Opale.

C'est avec elle que vous ajouterez des champs dans votre formulaire : texte, dfinition, image etc.

Insrer des champs avec l'toile dans Starter

De

s n

ive

au

x d

e t

itre

su

pp

lm

en

tair

es

: l

es

pa

rtie

s

13

> cf 'Starter-champ-inserer.scr.swf'

Entranement Trame Comtes : parties supplmentaires

Crer une seconde et une troisime de mme niveau : pour cela, cliquez sur l'toile

d'insertion et choisissez dans la liste.

Laissez de ct le pour l'instant et ne vous occupez pas des caractres gras non

plus.

Enregistrez votre avec la disquette de la barre d'outils.

Veillez bien aligner vos parties !

Le rsultat obtenir est celui-ci :

Rsumons-nous !

Un est un mini site Internet,

Une est une rubrique dans ce site Internet,

Un est une page de ce site Internet,

De

s n

ive

au

x d

e t

itre

su

pp

lm

en

tair

es

: l

es

pa

rtie

s

14

Fig. 1 Alignement des parties de Grain de contenu sur un mme niveau

Une est un niveau de titre supplmentaire l'intrieur de la page du site Internet,

elle n'apparatra pas dans le plan du .

L'ensemble existera galement en version linaire pour une impression papier.

De

s n

ive

au

x d

e t

itre

su

pp

lm

en

tair

es

: l

es

pa

rtie

s

15

V Donner du sens : lebalisage

A ce stade, vous avez ajout du texte dans votre formulaire mais ce texte est "neutre".

N'oublions pas qu'Opale est un logiciel de cration de contenus pdagogiques : il va vous permettre de

donner du sens grce au balisage smantique de votre document.

Tout est dans le relief smantique !

La mise en valeur du texte dans Opale s'effectue en effet de deux manires :

1. grce l'outil crayon qui permet de mettre en valeur un mot ou groupe de mots dans le flux du

texte.

2. grce l'toile d'insertion qui permet de crer un bloc de texte encadr, avec une icne diffrencie

selon la fonction du bloc considr (dfinition, exemple, conseil....).

En langage Opale, mettre en valeur un texte s'appelle typer .

Vous connaissez dj l'toile d'insertion ! Regardez la procdure pour typer des mots dans le flux du texte.

Lorsque vous saisissez du contenu textuel vous serez ventuellement amen l'enrichir : cration d'un lien

web, mise en valeur d'une partie du texte, insertion d'une imagette, etc.

Enrichir le texte avec l'outil Crayon

> cf 'texte_riche.scr.swf'

Pour enrichir votre texte :

Slectionnez la zone du texte que vous souhaitez enrichir ;

Cliquez sur le crayon , dans la barre de menu en haut de l'interface d'dition ;

Choisissez le type que vous souhaitez appliquer votre texte.

Pour annuler cette action, positionnez-vous sur la partie de texte enrichie puis cliquez sur le crayon

rouge et d-typer votre texte.

Do

nn

er

du

se

ns

: l

e b

ali

sa

ge

16

Entranement Trame Comtes : typer dans le flux du texte

Dans la premire partieref 2 page37, slectionnez la premire phraseref 2 page37.

Avec l'outil crayon de la barre d'outils, typez cette phrase en .

Le logiciel Opale applique ses propres styles votre document.

Cela permet de garantir la qualit visuelle et ergonomique par le respect d'une charte graphique dfinie

pralablement - mais galement un codage rigoureux des donnes.

Concrtement cela signifie que lors du copier/coller vers Opale, les styles de votre document source sont

"crass".

Entranement Trame Comtes : typer des blocs

Nous allons maintenant revenir sur les balises et de la trame que

nous avions laisses de ct.

En vous servant de l'toile d'insertion , ouvrez un bloc la suite de la premire

partie.

Copier-coller le texte de la depuis votre trame vers votre formulaire Opale.

Do

nn

er

du

se

ns

: l

e b

ali

sa

ge

17

On recommence !

Procdez de la mme manire pour typer en le bloc de la troisime partie et

profitez-en pour typer en les mots en gras de la trame.

Comprenons...

Vous avez maintenant compris le principe pour typer des expressions dans le flux du contenu ou crer des

blocs spcifiques qui donneront du relief votre cours. Ce que vous faites avec un diteur de texte

standard quand vous mettez des expressions en gras ou en italiques (ou lorsque vous les encadrez) n'est

pas trs diffrent du point de vue de la manipulation.

Pourtant, l'esprit n'est pas du tout le mme ! Les italiques et les gras sont des effets simplement graphiques

: ils sont dpourvus de sens. Au contraire, lorsque vous typez une expression ou un bloc dans Opale, vous

diffrenciez sa mise en forme en indiquant galement le sens de cette diffrenciation et la fonction de

l'expression au sein du document.

Avec Opale, l'enrichissement est smantique et pas seulement visuel.

Do

nn

er

du

se

ns

: l

e b

ali

sa

ge

18

Fig. 2 Insertion d'un bloc Remarque l'aide de l'toile

Un peu de relief :

Do

nn

er

du

se

ns

: l

e b

ali

sa

ge

19

Fig. 3 Le balisage smantique facilite grandement la lecture du document

VI Listes simples etlistes ordonnes

Ah, les listes ! Que ferait-on sans elles ?

Vous allez maintenant dcouvrir comment organiser le texte grce aux listes, puces ou ordonnes.

Entranement Trame Comtes : grain de contenu

Refermez vos parties pour y voir plus clair en faisant un double clic sur leur titre.

Sous vos parties, positionnez-vous sur l'toile d'insertion qui se trouve au mme niveau que

votre premier Grain de contenuref 2 page37.

Afin de bien vous positionner, vrifiez l'aide de la (barre verticale grise) que

vous tes bien au mme niveau que le prcdent .

Lis

tes

sim

ple

s e

t li

ste

s o

rdo

nn

e

s

20

Cliquez sur l'toile d'insertion et choisissez dans la liste. Votre est cr.

Faites un copier/coller de son titreref 3 page37 dans le champ obligatoire.

Ouvrez un bloc pour y insrer le premier paragraphe : cliquez sur l'toile d'insertion du

bloc vierge ouvert par dfaut dans le et transformez-le en bloc

par slection dans la liste.

Copier/coller le premier paragraphe depuis votre trame vers votre formulaire Opale dans ce bloc

.

Enregistrez votre module avec la disquette afin d'effacer la croix de marquage en erreur.

Lis

tes

sim

ple

s e

t li

ste

s o

rdo

nn

e

s

21

Fig. 4 Vrification des alignements par plier / dplier des champs

Lorsque vous crez un Grain de contenu dans Opale, un bloc est ouvert par dfaut. Le bloc

est une balise neutre c'est--dire un paragraphe auquel aucune mise en forme spciale n'est applique. Le bloc est bien entendu le plus utilis puisqu'il permet de saisir du texte linaire.

Pour aller la ligne dans un bloc , appuyez sur la touche [Entre] de votre clavier.

Pour crer un nouveau paragraphe, sortez du bloc et crez un nouveau bloc juste en

dessous l'aide de l'toile d'insertion .

Un bloc vierge peut tre converti en bloc spcifique de type , , etc.

Une fois qu'un bloc Information - ou n'importe quel autre bloc - contient du texte, vous ne pouvez plus le convertir. Par exemple, il est impossible de transformer un bloc dj existant en bloc , ou un bloc en bloc .

Il faut alors passer par un copier/coller du ou des paragraphe(s) de ce bloc .

Les copier /coller dans Opale s'effectuent trs facilement par clic droit ou avec les raccourcis clavier. Vous

pouvez dplacer une division entire en deux clics.

Apprendre manipuler et dplacer les champs et les blocs de texte dans Opale peut prendre un peu de

temps mais ce n'est pas insurmontable. Une fois l'habilet acquise, ces dplacements s'oprent aussi

facilement que le copier/coller dans un diteur de texte standard.

Dplacer un champ ?

Vous aurez sans doute souvent besoin de dplacer des champs dans Opale.

Slectionnez le champ (par exemple ). Faites un raccourci clavier ( [Ctrl+x]) pour

couper le champ.

Crer un nouveau champ (par exemple ). Faites un raccourci clavier ([Ctrl+v]) pour

coller et choisissez Coller la place de.

La procdure Coller la place de s'utilise pour des champs de niveaux homognes.

Crer des listes

> cf 'listes_adv.scr.swf'

Utilisez l'outil , exactement comme vous le faites dans un traitement de texte

courant.

Lis

tes

sim

ple

s e

t li

ste

s o

rdo

nn

e

s

22

Ainsi, pour insrer une liste, cliquez sur le bouton dans la barre de menu en haut de l'interface

d'dition. Le bouton permet de sortir de la liste.

Entranement Trame Comtes : liste puce

Avec l'toile d'insertion , ouvrez un nouveau bloc .

Copiez-collez la phrase introductiveref 3 page37 dans ce bloc.

Typez-la en avec le crayon de la barre d'outils.

Tapez sur [Entre] pour passer la ligne.

Utilisez l'outil insrer une liste , Liste puce pour initier la liste.

Copiez-collez la premire puceref 3 page37.

Tapez une premire fois sur [Entre] pour aller la ligne, puis une seconde fois pour crer la puce.

Copiez/collez cette seconde puce.

Recommencez cette manipulation pour la troisime puce.

Tapez trois fois sur [Entre] pour sortir de la liste.

Enregistrez votre travail avec la disquette de la barre d'outils.

Utiliser la zone de brouillon ?

Vous pouvez utiliser la et rapatrier les champs de liste de votre trame de cours

vers votre formulaire Opale afin d'effectuer plus confortablement vos copier-coller.

Lis

tes

sim

ple

s e

t li

ste

s o

rdo

nn

e

s

23

Entranement Trame Comtes : liste ordonne

Encore une pour intgrer la manipulation ?

A l'aide de l'toile d'insertion , crez un nouveau bloc sous votre bloc .

Copiez-collez la premire phraseref 3 page37 dans ce bloc.

Tapez sur [Entre] pour passer la ligne.

Sur cette ligne, commencez votre liste ordonne avec l'outil insrer une liste de la barre

d'outils.

Choisissez Liste ordonne et copier/coller la premire phrase de la liste ref 3 page37 depuis votre trame

vers votre formulaire Opale.

Attention bien supprimer le numro si celui-ci a t conserv lors du copier-coller : Opale s'occupe de la numrotation des listes pour vous !

Tapez une premire fois sur [Entre] pour aller la ligne, puis une seconde fois pour crer le

numro 2. Copiez-collez le second item.

Idem pour le numro 3.

Utilisez l'outil dans la barre d'outils pour sortir de la liste.

Copiez-collez le paragraphe suivant sur cette ligne hors de la liste.

Les raccourcis clavier pour les listes

Avec les [Entre double], vous pouvez reconstituer a posteriori une liste que vous aurez colle en

intgralit dans un bloc de votre formulaire.

La touche [Entre] permet de grer aisment la mise en forme des listes.

Une fois la liste initie avec l'outil insrer une liste :

Faites un [Entre] pour ajouter une ligne simple au bloc en retrait.

Faites un [Entre double] pour ajouter une ligne puce votre liste.

Faites un [Entre triple] pour sortir de la liste et annuler le retrait.

Lis

tes

sim

ple

s e

t li

ste

s o

rdo

nn

e

s

24

VII Publier votremodule sur diffrentssupports

Un peu de diversion...

Nous allons maintenant explorer une autre face d'Opale : son volet de publication.

Ici, nous allons crer partir du formulaire Opale :

1. un site internet (.html - format cran)

2. un document au format OpenOffice (.odt - format papier)

Publier un module avec Starter

> cf 'Starter-publication.scr.swf'

Pour publier votre module de formation, cliquez sur l'onglet Publications.

Cet onglet vous propose deux types de publication :

la publication papier (au format OpenDocument Text) ;

la publication web.

La gnration des publications s'effectue ensuite de la mme manire que dans Opale Advanced.

Complment

Les publications Opale Starter n'ont pas de paramtres tels que l'ajout d'une image de couverture

ou le filtrage des contenus.

Pu

bli

er

vo

tre

mo

du

le s

ur

dif

fre

nts

su

pp

ort

s

25

Entranement Trame Comtes : publier

Dans l'onglet Publication, gnrez votre contenu en cliquant sur Gnrer puis sur Consulter.

Et si la publication Web ne marche pas, je fais quoi ?

Si rien ne se produit lorsque vous cliquez sur Consulter la dernire gnration pour le Web, c'est

qu'Opale ne trouve pas le chemin du fichier index.html de votre module.

Dans ce cas, cliquez sur Rvler la dernire gnration.

Cela vous permet d'ouvrir l'emplacement de stockage de votre module sur votre ordinateur.

Il suffit alors de double-cliquer sur le fichier index.html pour ouvrir la page d'accueil de votre module dans la fentre de votre navigateur.

Vous ne parvenez toujours pas publier votre module ?

Une petite opration de dboggage est peut-tre ncessaire... Certaines croix d'erreur restant dans votre

module peuvent en effet bloquer la publication.

Voyons les choses du bon ct : c'est une occasion en or pour dcouvrir d'autres aspects de l'interface

Opale.

Outils pour le dboggage

Au dessus de votre barre d'outils figurent trois onglets :

dition Opale

Publications

Informations

Allez dans l'onglet Informations.

Cette fentre comprend deux parties :

Visualisation (ouvert par dfaut)

Technique (replie tout en bas de la fentre)

Pu

bli

er

vo

tre

mo

du

le s

ur

dif

fre

nts

su

pp

ort

s

26

Dans la partie Visualisation vous avez une pr-visualisation de votre module.

Si un titre n'est pas renseign, cela est assez facilement reprable depuis cette fentre.

Pour plus d'informations, vous pouvez dplier la fentre Technique qui se trouve tout fait en bas en

faisant cliquant sur son titre.

Cette fentre affiche en rouge les erreurs figurant dans votre formulaire s'il y en a.

Le numro de ligne vous donne une ide approximative de la localisation de l'erreur dans votre formulaire.

Pratiquement, l'onglet Informations est peu utilis except dans les cas o une erreur persiste et que vous

ne parvenez pas la reprer directement dans votre formulaire.

Les icnes d'affichage

Vous pouvez agrandir et rduire les fentres Visualisation et Technique grce aux icnes ddies

qui se trouvent droite du titre et mme hauteur.

Ces icnes existent galement dans les fentres Publications et dition Opale.

Elles peuvent tre intressantes en rgime de production afin d'tre plus l'aise pour la saisie de

vos textes.

Pour sortir du plein cran une fois ce mode activ, il suffit de cliquer sur l'icne qui se

trouve tout en haut droite, comme sur la plupart des applications courantes.

Pu

bli

er

vo

tre

mo

du

le s

ur

dif

fre

nts

su

pp

ort

s

27

Fig. 5 L'onglet Information d'Opale Starter et les options d'affichage de ses fentres

Remarque

Vous remarquez que les d'un ne s'affichent pas dans le

plan de la publication Web. Ce niveau n'est pas structurant.

Voir aussi

Pu

bli

er

vo

tre

mo

du

le s

ur

dif

fre

nts

su

pp

ort

s

28

VIII Insrer uneimage

Un peu de dcoration pour gayer tout cela ?

Nous abordons dans cette squence l'ajout d'une image dans votre contenu.

Cette procdure doit tre ralise en deux temps :

1. l'importation de la ressource dans l'atelier Opale ;

2. l'intgration (ou association) de l'image dans le formulaire.

Importer une ressource dans mon atelier

Importer une ressource dans l'Atelier

> cf 'import_ressource.scr.swf'

Glissez-dposez la ressource que vous souhaitez importer l'intrieur de votre espace, dans

l'atelier decouverte.

Votre ressource est maintenant disponible l'intrieur de votre espace ;

Renseignez le titre de la ressource puis actualisez ventuellement votre atelier pour faire

disparatre la croix rouge sur l'item.

Remarque

Lorsque vous importez une ressource dans l'atelier decouverte, celle-ci est duplique sur votre

ordinateur. Ceci facilite la gestion des ressources et assure que votre module ne sera pas altr si

un jour vous supprimez la ressource dans le dossier d'origine.

Truc & astuce

Lorsque vous survolez l'item correspondant la ressource que vous avez importe, un petit aperu

vous est propos facilitant ainsi le reprage.

Ins

re

r u

ne

im

ag

e

29

Conseil

Pensez organiser vos ressources dans des espaces ddis chaque type de ressource : un

espace pour les images, un espace pour les tableaux, un espace pour les vidos. Ceci vous

facilitera le travail si un jour vous souhaitez retrouver une ressource prcise !

Entranement Trame Comtes : importer le dossier "ressources"

Vous avez tlcharg sur votre ordinateur au tout dbut de ce tutoriel un dossier ressources.

A partir de l'explorateur de fichiers, copier-coller ce dossier dans votre atelier, l'intrieur de votre

espace racine cometes. Vous pouvez aussi utiliser le glisser/dposer pour rapatrier dans Opale ce dossier ressources.

Associer une ressource mon contenu

Prenons l'exemple d'une image que l'on associe une balise pdagogique .

Associer une ressource mon contenu

> cf 'associer_ressource.scr.swf'

Cliquez sur l'toile d'insertion propose au mme niveau que le texte ;

Dans la liste choisissez Ressource ;

Un champ est ajout au formulaire.

Ins

re

r u

ne

im

ag

e

30

cran 1 Aperu des Ressources au survol

Pour appeler l'image cet endroit du contenu, glissez-dposez-la de l'atelier vers ce champ ;

Votre ressource est maintenant associe votre contenu.

Complment

Pour associer certains types de ressources multimdia votre contenu, 3 modalits vous sont

proposes :

Embarque : la ressource est imbrique dans la publication (et s'affiche au sein de la page

cran dans la gnration Web) ;

Zoom : votre ressource s'ouvre dans une nouvelle fentre de votre navigateur (pop-up la

taille de la ressource) ;

Fichier en tlchargement : un lien cliquable vers votre ressource est cr et celle-ci est

tlchargeable ;

Voir aussi

Vous avez des difficults avec le glisser-dposer ?

Pour effectuer le glisser-dposer de la ressource vers votre formulaire l'endroit de l'icne

ressource, votre arborescence de fichiers dans la partie gauche doit tre entirement

ouverte (le dossier ressources et les sous-dossiers doivent tre dplis jusqu'aux fichiers - sans quoi vous ne pouvez pas saisir l'item souhait pour le glisser et l'associer votre contenu).

Pour dplier un dossier de votre , cliquez sur le petit signe gauche de ce

dossier. Pour replier un dossier ouvert, cliquez sur le petit signe -.

Pour saisir et glisser le fichier : attrapez-le avec la souris et dplacez-le vers votre formulaire

sans relcher la souris pour le dposer l'endroit de l'icne d'insertion d'item .

Une autre mthode

Vous pouvez obtenir le mme rsultat avec un clic droit sur l'icne d'association de ressource ,

plutt qu'un glisser-dposer.

Choisissez alors dans le menu Slectionnez un item. Lorsque la bote de dialogue s'ouvre, vous

pouvez parcourir l'arborescence de votre .

Pour ouvrir les espaces et sous-espaces , cliquez sur le gauche des dossiers.

Aller chercher l'image hale_bopp.jpg et cliquez dessus pour la slectionner.

Cliquez ensuite sur Fermer en bas droite de la bote de dialogue pour terminer la procdure

d'association de l'image.

Ins

re

r u

ne

im

ag

e

31

Entranement Trame Comtes : associer l'image "hale_bopp.jpg"

A la suite du prcdent, crer un troisime Grain de contenuref 4 page38.

Copiez-collez le titreref 4 page38 dans le champ de obligatoire de ce nouveau , celui avec la croix rouge .

Placez-vous dans ce et copier-coller le paragraphe introductif dans le bloc de

texte de la balise .

Sous ce bloc de texte, utilisez l'toile d'insertion pour crer l'emplacement d'une

pour votre image.

Associez l'image hale_bopp.jpg l'emplacement de cette l'aide du glisser-dposer.

Ajouter un titre une ressource

Lorsque l'on utilise des images, des tableaux, des vidos etc. dans un contenu, il est recommand de

toujours nommer ces ressources (bonnes pratiques documentaires). Cela permet par la suite de les

manipuler avec la cration automatique de tables des figures par exemple.

Dans Opale, si vous souhaitez ajouter un titre une image, ce n'est pas dans le que vous

pourrez le faire, mais bien sur la ressource en tant que telle. En effet, l'image et son titre sont lis : on

considre le titre comme une proprit de l'image.

Cliquez sur la ressource dans votre pour la slectionner. Pour ouvrir les espaces et sous-

espaces (dossiers) de votre Atelier, pensez cliquer sur le ct des dossiers .

Cliquez sur l'onglet Proprits de cette ressource. Gnralement par dfaut, Opale affiche l'onglet

Visualisation d'une ressource.

Compltez le champ puis enregistrez votre travail l'aide de la disquette .

Entranement Trame Comtes : donner un titre l'image "hale_bopp.jpg"

Copiez-collez le titre de l'imageref 4 page38 dans l'onglet Proprits de l'image.

Ins

re

r u

ne

im

ag

e

32

Enregistrez les proprits de l'image avec la disquette : la croix d'erreur doit disparatre

sur votre item d'image.

Entranement Trame Comtes : texte illustr

On recommence avec une variante : le texte illustr !

Mais avant cela, retournez dans votre formulaire en vous plaant sur l'item racine de votre

.

Ouvrez un nouveau bloc avec l'toile d'insertion sous l'image et copiez-collez le

paragraphe suivant.

Enregistrez votre avec la disquette .

Vous allez maintenant placer un texte et une image cte cte.

Utilisez l'toile d'insertion pour crer un bloc .

Choisissez la position l'aide de la liste droulante.

Copiez-collez le paragraphe dans la zone de texte du .

Associez l'image halley.jpg l'emplacement du bloc :

allez "attraper" l'image dans l'espace ressource de votre atelier,

glissez-dposez l'image l'emplacement de l'icne d'association .

Si votre image est marque en erreur :

slectionnez-l dans l',

renseignez son dans l'onglet Proprits de l'image,

enregistrez les proprits,

puis revenez dans votre formulaire.

Enregistrez votre travail en cliquant sur la disquette .

Ins

re

r u

ne

im

ag

e

33

IX Insrer des liensvers des pages Web oudes documents

Trs simple et trs utile....

Comment introduire un lien vers une page Web ou un document de votre atelier dans votre cours ? Il suffit

de typer les mots choisis en et de pointer vers l'url du site ou document.

Revoir la procdure pour typer une expression ?

Enrichir le texte avec l'outil Crayon

> cf 'texte_riche.scr.swf'

Entranement Trame Comtes : lien vers une page Web

Avec l'toile d'insertion , ouvrez une balise pdagogique la suite de l'tape

prcdente sur les images.

Copiez-collez le texte de ce bloc depuis votre trame de cours, vers votre formulaire Opale - URL de

la Nasa incluse !

Slectionnez l'URL du site internet de la NASAref 4 page38.

Utiliser le crayon de la barre d'outils et choisissez Adresse Web, email dans la liste.

Opale renseigne automatiquement le champ qui s'ouvre avec l'url slectionne.

Cliquez simplement sur Fermer.

Votre lien doit apparatre en bleu et soulign dans votre formulaire.

Enregistrez votre module avec la disquette .

Ins

re

r d

es

lie

ns

ve

rs d

es

pa

ge

s W

eb

ou

de

s d

oc

um

en

ts

34

Entranement Trame Comtes : lien vers un document

Avec l'toile d'insertion , crez un emplacement .

Glissez-dposez le fichier cours_complet_astrophysique.pdf sur l'icne d'association ou

bien faites un clic droit sur celle-ci pour Slectionner un item dans votre dossier ressources (comme nous l'avons fait prcdemment pour insrer une image).

Ajouter un titreref 4 page38 au document dans l'onglet Proprits de l'item PDF.

Des consignes de mise en uvre

Lorsque vous intgrez une ressource dans votre contenu, vous pouvez prciser une consigne pour

le Web et/ou une consigne pour la version papier.

Le champ est ferm par dfaut et s'ouvre par un double clic ; il est optionnel (gris

dans Opale).

Les champs et vous permettent de mieux mettre en perspective la ressource,

ce qui est notamment utile si vous attendez de l'apprenant autre chose qu'une simple consultation

du document (effectuer une comparaison, complter un tableau, analyser une image...).

Enfin nous allons voir ce que tout cela donne !

Consultez nouveau la procdure de gnration de votre document, pour le Web ou pour le papier.

Publier un module avec Starter

> cf 'Starter-publication.scr.swf'

Voir aussi

> "cfPublier votre module sur diffrents supports", page 28.

Ins

re

r d

es

lie

ns

ve

rs d

es

pa

ge

s W

eb

ou

de

s d

oc

um

en

ts

35

Conclusion

Vous avez termin ce module !

Pour aller plus loin, vous pouvez :

Suivre d'autres parcours (starter et advanced),

Tlcharger le cahier des bonnes pratiques disponible dans l'espace formation,

Parcourir la documentation logicielle et revoir les simulations de procdures point par point,

Imprimer la nomenclature pour vous familiariser avec le vocabulaire Opale.

Ces annexes sont votre disposition sur la plate-forme Moodle : usez et abusez-en !

Bravo si vous tes parvenus jusqu' cette page et bientt !

Co

nc

lus

ion

36

Valeurs de rfrence

1 -

Reportez-vous au fichier "opale_decouverte_trame_cours.odt".

Titre du module Histoire et Nature des Comtes

2 -

Reportez-vous au fichier "opale_decouverte_trame_cours.odt".

Titre de la Division 1 L'nigme des comtes

Titre du Grain de contenu 1.1

Les comtes avant

Halley

Titre de la Partie 1.1.1 Apparitions

Phrase 1 de la Partie 1.1.1

Le mot comte signifie

astre chevelu.

3 -

Reportez-vous au fichier "opale_decouverte_trame_cours.odt".

Titre du Grain de contenu 1.2

Kepler, Newton, Halley et

la comte de 1682

Titre court du Grain de contenu 1.2

La Comte de 1682

Liste puce - phrase introductive

Voici l'nonc des lois de

Kepler :

Liste puce - premire puce

Les plantes dcrivent

des ellipses dont le soleil

occupe un foyer.

Liste ordonne - phrase introductive

En gnralisant

grandement cette ide,

Newton...

Liste ordonne - numro 1

Tout corps exerce sur

tout autre une force

Va

leu

rs d

e r

f

ren

ce

37

d'attraction

gravitationnelle.

4 -

Reportez-vous au fichier "opale_decouverte_trame_cours.odt".

Titre du Grain de contenu 1.3

De la nature physique

des comtes

Titre de l'image La comte Hale Bopp

Adresse Web de la NASA (URL)

http://www.nasa.gov/worl

dbook/comet_worldbook.

html

Titre du PDF Cours complet d'initiation l'astrophysique

Va

leu

rs d

e r

f

ren

ce

38

Copies d'cran

cran 1 Aperu des Ressources au survol - p. 30

Co

pie

s d

'c

ran

39