Download - Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec Technologie de workflow Coordonnateur français : Vincent Quint.

Transcript
Page 1: Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec Technologie de workflow Coordonnateur français : Vincent Quint.

Projet CEMT

Conception d'un

Environnement Éditorial

Multimédia Coopératif pour le web avec

Technologie de workflow

Coordonnateur français : Vincent Quint

Coordonnateur brésilien : José Valdeni de Lima

Coordonnateurs Scientifiques : Nabil Layaïda et Nina Edelweiss

Participants français : Cécile Roisin, Irène Vatton, Laurent Carconne, Lionel Villard

Participants brésiliens : Manuele Pinheiro, Tiago Telecken, Rafael Souza, Carlos Zeve, Montgomery França, Cassiano Maciel, Fábio

Zschornack, Valéria Borba, Tharso Borges, Melissa Zambrini, Alessandra Cini, Ademir Martins, Geraldo Tasso, Eliene Sousa

Page 2: Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec Technologie de workflow Coordonnateur français : Vincent Quint.

Principes : concentration et capacité de travail

• Tout ce que nous faisons c ’est une séquence de tâches

• Un élève quand suit un cours fait la même chose

CBA

Page 3: Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec Technologie de workflow Coordonnateur français : Vincent Quint.

Principe : Coopération

• Anticiper le travail : parallelisme de tâches, plusieurs profs (agents)

CBA

A

C

B

Page 4: Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec Technologie de workflow Coordonnateur français : Vincent Quint.

• Anticiper le travail : résultats partiels• Communication : besoin et problème

• Notre proposition : AWARENESS / Annotation

Principe : Coopération

A

B

C

Page 5: Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec Technologie de workflow Coordonnateur français : Vincent Quint.

Equipe d ’Élèves

• Supertâche A (travail en équipe)

t = 0

t’

t2

t1- t´

t = 0 t = 0t3

A

B

C

Ligne de temps

Page 6: Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec Technologie de workflow Coordonnateur français : Vincent Quint.

Adaptation de la Navigation

• Une navigation d ’un élève c ’est une séquence de « links »

• La dépendence du contenuA

B

C35%

20%

CBA 35% 20%

Page 7: Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec Technologie de workflow Coordonnateur français : Vincent Quint.

Adaptation de la Navigation

• Si c ’est une navigation reusissante

• Un workflow d ’ éxécution de cours pour cette navigation serai offert aux prochains élèves

• Le profil d ’un élève qui a reussi

CBA 35% 20%

Page 8: Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec Technologie de workflow Coordonnateur français : Vincent Quint.

Évaluation de l ’adaptation

Page 9: Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec Technologie de workflow Coordonnateur français : Vincent Quint.

Évaluation de l ’adaptation

• AHA (Paul De Bras - Pays Bas)

• xmlReqlist = Workflow du professeur

• xmlGenlist = Workflow basé sur régles

• UserChangeableConcepts = l ’élève dit le percentile du contenu qu ’il connais

• Éxamens = Dépend de la reusite

Page 10: Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec Technologie de workflow Coordonnateur français : Vincent Quint.

Le processus pour la création d’un cours

Education Process AnalysisModelling & Definition Tools

Design Specification - SVG

Specification – SVG & XML

Workflow Specification

a+b

?

Page 11: Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec Technologie de workflow Coordonnateur français : Vincent Quint.

Amaya and Workflow Pallet

Vision GénéraleÉditeur de Workflow Amaya

Page 12: Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec Technologie de workflow Coordonnateur français : Vincent Quint.

Workflow Design and elements attributes

Vision GénéraleÉditeur de Workflow Amaya

Page 13: Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec Technologie de workflow Coordonnateur français : Vincent Quint.

Workflow Design and Editon File

<?xml version="1.0" encoding="iso-8859-1"?>

<svg xmlns="http://www.w3.org/2000/svg">

<wbegin stroke="black" fill="white" stroke-width="5" id="element" y1="52px"

x1="317px" x2="417px" y2="52px"/>

<wtask stroke="black" fill="white" id="element1" rx="5px" y="124px“ x="323px" width="130px" height="50px“ name=“Register “/>

Vision GénéraleÉditeur de Workflow Amaya

Page 14: Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec Technologie de workflow Coordonnateur français : Vincent Quint.

Fichiers creés

<?xml version="1.0" encoding="iso-8859-1"?>

<svg xmlns="http://www.w3.org/2000/svg">

<line stroke="black" fill="white" stroke-width="5" id="element“

y1="52px“ x1="317px" x2="417px" y2="52px"/>

<rect stroke="black" fill="white" id="element1" rx="5px" y="124px"/>

<?xml version="1.0" encoding="iso-8859-1"?>

<workflow xmlns="http://www.inf.ufrgs.br/~telecken/workflow/">

<wbegin id="element"/>

<wtask id="element1“ name=“Edit conclusion” role=“Writer” duration=“1dia” />

• Fichier SVG

• Fichier XML Workflow

Vision GénéraleÉditeur de Workflow Amaya

Page 15: Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec Technologie de workflow Coordonnateur français : Vincent Quint.

Interface

Vision GénéraleÉditeur de Workflow Amaya

Page 16: Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec Technologie de workflow Coordonnateur français : Vincent Quint.

COMUNICATIONClient Server

Internet

Vision générale de l ’environnement CEMT

Amaya Workflow ServerAmaya Workflow Client

AWF Machine

Student’s Profil

AWF SVGEditor

AWF SVGEditor

BrowserBrowser

Course´sInterface

Course´sInterface

Course’s ContentCourse’s Content

MonitoringMonitoring

Page 17: Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec Technologie de workflow Coordonnateur français : Vincent Quint.

Perspectives

- Mise au point de la DTD du Workflow

- Éteindre l´éditeur (flexibilité, adaptabilité, etc.)

- Éditeur Générique

- Mise en oeuvre de quelques techniques d ’adaptation de la navigation

- Monitoring pour la mise à jour de profils d ’élèves

- La connaissance obtenue sur Amaya = savoir faire pour continuer

- Implementer un vrai Serveur de cours

Page 18: Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec Technologie de workflow Coordonnateur français : Vincent Quint.

Projet CEMT

Conception d'un

Environnement Éditorial

Multimédia Coopératif pour le web avec

Technologie de workflow

Coordonnateur français : Vincent Quint

Coordonnateur brésilien : José Valdeni de Lima

Coordonnateurs Scientifiques : Nabil Layaïda et Nina Edelweiss

Participants français : Cécile Roisin, Irène Vatton, Laurent Carconne, Lionel Villard

Participants brésiliens : Manuele Pinheiro, Tiago Telecken, Rafael Souza, Carlos Zeve, Montgomery França, Cassiano Maciel, Fábio

Zschornack, Valéria Borba, Tharso Borges, Melissa Zambrini, Alessandra Cini, Ademir Martins, Geraldo Tasso, Eliene Sousa

Page 19: Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec Technologie de workflow Coordonnateur français : Vincent Quint.

Architecture d´environnement d´auteur

Page 20: Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec Technologie de workflow Coordonnateur français : Vincent Quint.

Vision Générale

Amaya Workflow Project Characteristics

Process Design & Definition ( AWF Client )

Process Instanciation & Control ( AWF Server )

Workflow Specification

Build Time

Run Time

InteractionsApplications

Conformity & Validation ( AWF Server )

Page 21: Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec Technologie de workflow Coordonnateur français : Vincent Quint.

Workflow – SVG Relations

Vision Générale

Amaya Workflow Editor

Page 22: Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec Technologie de workflow Coordonnateur français : Vincent Quint.

Specification – SVG & XML

Vision Générale Amaya Workflow Editor

Description of graphical elementsDescription of graphical elements

beginningattributes list

ID STATUSID_SUPERTASK FILE_SUPERTASKCOOPERATIVE_RESOURCES :ACTIONS :

defined by machine

defined by user

Page 23: Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec Technologie de workflow Coordonnateur français : Vincent Quint.

Spécification – SVG & XML

Vision Générale Amaya Workflow Editor

task

Description des éléments graphiques Description des éléments graphiques

attributes list

ID STATUSNAME :DESCRIPTION :ROLES :DURATION :COOPERATIVE_RESOURCES :PRE_CONDITIONS :

ACTIONS :POS_CONDITIONS :

EXCEPTIONS :

Page 24: Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec Technologie de workflow Coordonnateur français : Vincent Quint.

Specification – SVG & XML

Overview Amaya Workflow Editor

supertask

Description of graphical elementsDescription of graphical elements

attributes list

ID STATUS

NAME :

ROLES :DURATION :COOPERATIVE_RESOURCES :PRE_CONDITIONS :

ACTIONS :

POS_CONDITIONS :

EXCEPTIONS :

DESCRIPTION :

TASK_LINK

Page 25: Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec Technologie de workflow Coordonnateur français : Vincent Quint.

Specification – SVG & XML

Overview Amaya Workflow Editor

multitask

Description of graphical elementsDescription of graphical elements

attributes list

ID STATUS NAME :DESCRIPTION :ROLES :DURATION :COOPERATIVE_RESOURCES :PRE_CONDITIONS :POS_CONDITIONS :

EXCEPTIONS :

ACTIONS :

j

k ATTRIBUTE_J :ATTRIBUTE_K :

Page 26: Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec Technologie de workflow Coordonnateur français : Vincent Quint.

Specification – SVG & XML

Overview Amaya Workflow Editor

direct connection

Description of graphical elementsDescription of graphical elements

attributes list

ID STATUS_CONNECTOR FROM_ID TO_ID ANSWER

Page 27: Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec Technologie de workflow Coordonnateur français : Vincent Quint.

Specification – SVG & XML

Overview Amaya Workflow Editor

join total

Description of graphical elementsDescription of graphical elements

attributes list

ID STATUS

BA

X

n

Page 28: Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec Technologie de workflow Coordonnateur français : Vincent Quint.

Specification – SVG & XML

Vision Générale

Amaya Workflow Editor

join parcial

Description of graphical elementsDescription of graphical elements

K

attributes list

ID STATUS ATTRIBUTE_K :

K

BA

X

n

K < n

Page 29: Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec Technologie de workflow Coordonnateur français : Vincent Quint.

Specification – SVG & XML

Overview

Amaya Workflow Editor

join interactive

Description of graphical elementsDescription of graphical elements

K

attributes list

IDSTATUSATTRIBUTE_K :

BA

X

n

K

Page 30: Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec Technologie de workflow Coordonnateur français : Vincent Quint.

Specification – SVG & XML

Overview

Amaya Workflow Editor

fork total

Description of graphical elementsDescription of graphical elements

attributes list

ID STATUS

X

A B n

Page 31: Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec Technologie de workflow Coordonnateur français : Vincent Quint.

Specification – SVG & XML

Overview

Amaya Workflow Editor

fork não- determinístico

Description of graphical elementsDescription of graphical elements

K

attributes list

ID STATUS ATTRIBUTE_K :

K K < n

X

A B n

Page 32: Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec Technologie de workflow Coordonnateur français : Vincent Quint.

Specification – SVG & XML

Overview

Amaya Workflow Editor

fork conditional with mutual exclusion

Description of graphical elementsDescription of graphical elements

attributes list

ID STATUS

X

A B n

Page 33: Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec Technologie de workflow Coordonnateur français : Vincent Quint.

Specification – SVG & XML

Overview

Amaya Workflow Editor

Description of graphical elementsDescription of graphical elements

attributes list

ID STATUS

fork conditional

X

A B n

Page 34: Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec Technologie de workflow Coordonnateur français : Vincent Quint.

Specification – SVG & XML

Overview

Amaya Workflow Editor

Description of graphical elementsDescription of graphical elements

end

ID STATUS

attributes list

Page 35: Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec Technologie de workflow Coordonnateur français : Vincent Quint.

Specification – SVG & XML

Overview

Amaya Workflow Editor

NAME :DESCRIPTION :ROLES :DURATION :

ACTIONS :POS_CONDITIONS :

EXCEPTIONS :

PRE_CONDITIONS :

ATTRIBUTE_J :ATTRIBUTE_K :

COOPERATIVE_RESOURCES :

mandatory

mandatoryoptional

mandatory

mandatory

mandatorymandatory

optionaloptionaloptional

optional

Page 36: Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec Technologie de workflow Coordonnateur français : Vincent Quint.

Specification – SVG & XML

Overview

Amaya Workflow Editor

Information TypesInformation Types

NAME :DESCRIPTION :ROLES :DURATION :

ACTIONS :POS_CONDITIONS :

EXCEPTIONS :

PRE_CONDITIONS :

ATTRIBUTE_J :ATTRIBUTE_K :

COOPERATIVE_RESOURCES :

string ( task name )natural language

string ( role name )string ( time specification )

string ( resource name ) boolean expressionboolean expressionXML specificationXML specification

numericnumericexpression

Page 37: Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec Technologie de workflow Coordonnateur français : Vincent Quint.

Overview Amaya Workflow Editor

Conclusions

- Compatibilité avec nouvelles versions du Amaya.

- On n´avais déjà utilisé les versions 5.1, 5.2 e 5.3 of Amaya.

- L´interface homme-machine :

- Édition graphique pour l´homme

- XML pour le machine

- Logiciels ouverts (XML, SVG, Amaya, THOT, workflow process model).

Page 38: Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec Technologie de workflow Coordonnateur français : Vincent Quint.

Technologies

• Standards Web : XML, SMIL, SVG, WebDAV

• Coopération basée sur Awareness and Workflow

• Développement d´un Éditeur de Workflow

• Projet d´un Serveur de Workflow d´ Éducation

• Logiciel Public Domaine

Page 39: Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec Technologie de workflow Coordonnateur français : Vincent Quint.

Équipe d´Agentstime line

t = 0

t’

t2

t1- t´

t = 0 t = 0t3

A

B

C

A => SuperTaskB , C => Tasks

Page 40: Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec Technologie de workflow Coordonnateur français : Vincent Quint.

Anticipation de Tâchestime line

t = 0

t2

t = 0 t = 0t3

A

C

B

t1 t3’

t3’’

t’ t’

t’’ t’’

A , B , C => Tâches