FT eld 080703 - e-doceo.com · barre d’avancement ... sommaire fenêtre pop-up 4 5 6 7 8 9 4 6 8...

12
www.e-doceo.com 1 Les principaux atouts d’elearning designer : création d’environnements dynamiques mise en page graphique par glisser-déposer simplicité du test de la ligne graphique kit de programmation Flash Présentation d’elearning designer p.2 Graphisme et ergonomie p.3 Paramétrage de « templates » p.5 Fonctionnalités de l’interface p.7 Création de nouveaux comportements p.8 Validation de la mise en forme p.9 Liste des fonctionnalités p.10 Informations techniques p.11 Personnalisez sans limite vos environnements d’apprentissage ! S ommaire

Transcript of FT eld 080703 - e-doceo.com · barre d’avancement ... sommaire fenêtre pop-up 4 5 6 7 8 9 4 6 8...

www.e-doceo.com 1

Les principaux atouts d’elearning designer :

���� création d’environnements dynamiques

���� mise en page graphique par glisser-déposer

���� simplicité du test de la ligne graphique

���� kit de programmation Flash

Présentation d’elearning designer p.2 Graphisme et ergonomie p.3 Paramétrage de « templates » p.5 Fonctionnalités de l’interface p.7 Création de nouveaux comportements p.8 Validation de la mise en forme p.9 Liste des fonctionnalités p.10 Informations techniques p.11

Personnalisez sans limite vos environnements d’apprentissage !

S ommaire

www.e-doceo.com 2

Avec son interface « WYSIWYG », vous personnalisez et adaptez rapidement la ligne graphique de tous vos contenus e-learning. Ainsi l’identité visuelle, l’ergonomie et les comportements de navigation sont facilement ajustables aux besoins des apprenants. Vous déclinez vos contenus sous différentes lignes graphiques : vos clients bénéficient alors d’un

produit original et entièrement personnalisé. Vous pouvez créer autant de modèles (template) que vous le souhaitez. Ces dernières sont alors directement disponibles dans la galerie d’activités d’elearning maker. De plus, ce logiciel vous permet de réaliser vos propres développements en ActionScript et de créer ainsi de nouveaux comportements informatiques originaux.

Avec elearning designer, vous décuplez la puissance de vos logiciels et basculez dans l’ère des studios de production professionnels. Comme de nombreux studios multimédia spécialisés dans le e-learning, bénéficiez vous aussi de la souplesse d’elearning designer et concevez de véritables interfaces professionnelles.

P résentation d’elearning designer

Grâce à ses puissantes fonctionnalités, elearning designer offre aux infographistes une solution technologique à la hauteur de leur créativité !

www.e-doceo.com 3

Avec elearning designer, vous pouvez modifier l’ensemble des éléments graphiques composant la feuille de style. Ces éléments graphiques peuvent être apportés sous la forme d’images (.swf, .gif, .jpg), de textes, mais également de ressources audio et vidéos.

Chaque élément positionné sur la page peut être déplacé, réorganisé, et verrouillé, afin d’organiser

finement votre ligne graphique.

D’un simple clic, vous changez les

différentes images de vos

lignes graphiques !

Chaque objet est défini par un ensemble de propriété facilement

modifiable et éditable dans l’interface du logiciel

G raphisme et ergonomie

www.e-doceo.com 4

De manière très simple, vous créez, dans votre ligne graphique, les templates (modèles de page) que vous souhaitez rendre disponibles ultérieurement dans la galerie d’elearning maker.

Dans l’onglet de navigation, vous organisez les templates

de chacune des pages

L’onglet « navigation » vous présente l’intégralité des templates d’une ligne graphique. Un simple clic sur un modèle de page vous permet de passer en mode « mise en page » et de modifier celui-ci selon vos souhaits.

www.e-doceo.com 5

Dans votre ligne graphique, vous pouvez ajouter des nouveaux modèles de pages (templates) :

• soit en vous appuyant sur les modèles prédéfinis dans elearning designer • soit en créant vous-même depuis le début un modèle d’activité entièrement original

Une fois le nouveau modèle de page créé, vous pouvez organiser la mise en page qui correspondra à la mise en page par défaut dans elearning maker

Vous choisissez le type de page que vous souhaitez créer

Vous avez le choix de commencer votre création depuis une ligne graphique prédéfinie ou depuis

une page vierge

P aramétrage des « templates »

www.e-doceo.com 6

Une fois le modèle créé, les utilisateurs d’elearning maker pourront bénéficier de ce dernier directement dans la galerie du logiciel. A chaque fois qu’ils créeront une nouvelle activité de ce type, la mise en forme que vous aurez effectuée sera systématiquement proposée aux utilisateurs. Cette mise en forme peut également être dynamique en utilisant les fonctionnalités d’animations positionnables sur tous les objets de la ligne graphique.

Si vous souhaitez une template avec un comportement différent de ceux fournis dans le moteur d’elearning designer, vous pouvez également développer votre propre interactivité au format flash.

zone de question zone de consigne zone de saisie

mascotte image

Dans un premier temps, vous structurez votre template dans elearning designer, en définissant et paramétrant les différentes zones dont vous avez besoin…

Dans un second temps, vous retrouvez, dans elearning maker, la mise en page que vous venez d’effectuer et vous pouvez commencer à produire votre module e-learning.

Étape 2

Étape 1

www.e-doceo.com 7

Vous pouvez ajouter dans l’interface de votre application de nombreuses fonctions : boutons de navigation, zone de texte, barre d’avancement, etc.

2

1

zone de question zone de consigne

1

2 zone de score 3

barre d’avancement

effet rideau

boutons de navigations

moteur de recherche

sommaire

fenêtre pop-up

4

5

6

7

8

9

4

6 8

9

5

4

7

3

6

F onctionalités de l’interface

www.e-doceo.com 8

Grâce au code ActionScript de Flash, vous pouvez décupler la puissance de votre logiciel elearning designer. En effet, il est possible de créer de nouveaux comportements interactifs en les programmant en technologie AS2. Cette programmation, vous permet de concevoir l’interface des apprenants, mais également de structurer l’interface d’elearning maker, au même titre que les autres activités du logiciel.

Au même titre qu’une autre activité, la création de nouveaux comportements permet de gérer le tracking, grâce à une API fournie dans elearning designer. Cette même API va vous permettre de concevoir l’interface maker.

C réation de nouveaux comportements

www.e-doceo.com 9

Une fois votre ligne graphique terminée, l’onglet « contenu de test » permet de définir la façon dont vous souhaitez valider la mise en page de votre ligne graphique. Deux solutions s’offrent à vous pour valider, point par point, chacun des éléments mis en forme :

• soit vous contrôlez votre structure graphique à partir de contenu auto-générés par le logiciel • soit vous effectuez ce contrôle par le biais d’un contenu déjà existant.

Test de la ligne graphique selon un parcours générique prédéfini ou depuis un parcours existant

Possibilité de paramétrer l’affichage du feedback pour le test de la nouvelle interface

En 1 seul clic, vous lancez le test de la ligne graphique que vous venez de créer !

V alidation de la mise en forme

www.e-doceo.com 10

Outil de création • Structuration de l’ergonomie des interfaces • Interface WYSIWYG

• Mise en page par glisser/déposer • Import d’animation flash • Import d’images (.gif ou .jpg) • Import de textes • Import de vidéos • Import de sons • Fonctionnalités d’animation

• Création d’un nombre illimité de templates • Création de « templates » depuis un modèle • Création de « templates » depuis une page vierge • Définition des comportements de navigation

Outil de validation

• Validation de la mise en forme depuis un contenu auto-généré • Validation de la mise en forme depuis un contenu existant

Fonctionnalités de l’interface • Zone de texte • Zone de question • Zone de consigne

• Zone de score • Barre d’avancement • Effet rideau • Boutons de navigations • Moteur de recherche • Sommaire

• Fenêtre pop-up

Création de nouveaux comportements • Technologie flash • Kit de programmation ActionScript • API fournie dans elearning designer

L iste des fonctionnalités

www.e-doceo.com 11

Configurations minimales • Windows 98 SE ou plus • Processeur 1 .0 GHz • 256 Mo de RAM • Résolution 1024 x 768 • Navigateur Internet (IE 5 ou ultérieur / Firefox / Opera / Safari) avec plugin Flash 7 ou supérieur • Espace disque minimum requis : 70 Mo • Carte graphique 16 bits ou plus

Configurations recommandées • Windows 2000 ou plus • Processeur 1 .5 GHz • 512 Mo de RAM • Résolution 1024 x 768 • Navigateur Internet (IE 6 ou ultérieur / Firefox / Opera / Safari) avec plugin Flash 7 ou supérieur • Espace disque requis recommandé : 220 Mo • Carte graphique 32 bits ou plus

I nformations techniques

www.e-doceo.com 12

Comme des milliers d’utilisateurs , profitez vous aussi des avantages des solutions e-doceo. Grands comptes , organismes de formation, studios de produc tion, enseignement supérieur, administrations et consultants indépendants nous font confiance.

Quelques références d’e-doceo

Société Générale, C rédit Agricole, Groupe ECS, Groupe Novartis , UGC , Thalès , KPMG, des AFPA , CNAM, CCI, Ministère de l’Industrie et des Finances , M inistère de la Défense, des IUFM, Universités , …

Site web : www.e-doceo.com

L es utilisateurs

C ontact