Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec...

40
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

Transcript of Projet CEMT Conception d'un Environnement Éditorial Multimédia Coopératif pour le web avec...

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