3DEvent - desprat.frdesprat.fr/short/web3d16slides.pdf · Web3D 2016 - DESPRAT, JESSEL, LUGA -...

3DEvent A Framework Using Event-Sourcing Approach For Web-Based Collaborative 3D Design in P2P

Caroline DESPRATJean-Pierre JESSELHervé LUGA{lastname}@irit.fr

The 21st Annual International Conference on 3D Web Technology (Web3D 2016) / Anaheim, CA, USA / 07-23-2106

http://irit.fr

Web3D 2016 - DESPRAT, JESSEL, LUGA - 3DEvent

Context

CAD

Web-based collaboration

Space planning

How to leverage client resources to enhance the collaboration?2


Related works

3D Modeling Environment Communication architecture

History, traceability, expertise

3


Related works

3D Modeling Environment

clara.io [Houston et al., 2013]

[Mouton et al., 2014][Grasberger et al., 2013]

Verold StudioBrowser-based techno.

Communication architecture


3


Related works




Verold StudioBrowser-based techno.


Mayght [Zhang et al., 2013]

RADE [Koskela et al., 2015]

Scalability

[Desprat et al., 2015]


3

Robustness

WebRTC [Bergkvist et al.,2012]


Related works




Verold Studio

Autonomous messages

Browser-based techno.


Mayght [Zhang et al., 2013]

RADE [Koskela et al., 2015]

Scalability

[Desprat et al., 2015]


Event-sourcing [Fowler, 2005]

Conflict detection [Bang et al., 2014]

3

Robustness

Publish/subscribe

WebRTC [Bergkvist et al.,2012]


Related works


Autonomous messages

Browser-based techno.


Scalability


3DEvent

3

Robustness

Publish/subscribe


3DEvent framework

Browser based technologies Flexible visualization

High level editing Expertise embedded History awareness

Asynchronous messages Dynamic and static content distribution

4


3DEvent framework




Event sourcing

4


3DEvent framework




Event sourcing Client model

4


3DEvent framework





Hybrid architecture4


3DEvent framework

• History support is free

• Conflict detection (versioning)

• Semantics for experts

• Arbitrary read-side projection

• Data representation is ideal for networking

Why event-sourcing?

5

event log create scene

add mesh

translate meshA

copy meshA

scale meshB

remove meshA

Hybrid architecture



3DEvent framework

6

Hybrid architecture



3DEvent framework

6

Hybrid architecture


• Hosts all it needs :


3DEvent framework

Web browser client

Domain Event storeScene, Mesh, Geometry Aggregates

User commands

Write

6

Hybrid architecture



• task-based UI,

• expert domain rules,

• short-term storage,


3DEvent framework

Web browser client

Web browser client

Domain Event storeScene, Mesh, Geometry

Conflict Detection

Store Synchronization

AggregatesUser commands

Write

Web browser client

6

Hybrid architecture



• task-based UI,



• network synchronization,


3DEvent framework

Web browser client

Web browser client

Domain Event store

ProjectionView

Scene, Mesh, Geometry

Event busRegisterQueries

Conflict Detection


AggregatesEvents

User commands

Event dispatcherRead

Write

Web browser client

6

Hybrid architecture



• task-based UI,




• local projection.


3DEvent framework

Web browser client

Web browser client

Domain Event store

Projection

3D rendering view Three.JS Proj.

View



Conflict Detection


AggregatesEvents

User commands


Write

Web browser client

6

Hybrid architecture



• task-based UI,






3DEvent framework

Web browser client

Web browser client

Domain Event store

Projection


View



Monitoring Proj.Monitoring view

Conflict Detection


AggregatesEvents

User commands


Write

Web browser client

6

Hybrid architecture



• task-based UI,






3DEvent framework

Web browser client

Web browser client

Domain Event store

Projection


View



Monitoring Proj.Monitoring view

Conflict Detection


AggregatesEvents

User commands


Write

Web browser client

6

Hybrid architecture



• task-based UI,





• Publish/subscribe actor


3DEvent framework

7

Hybrid architecture



3DEvent framework

User A

Cube translation

vector

cube1

7

Hybrid architecture

Event sourcing

Cube translation

Client model


3DEvent framework

Translate command applied on cube1a

a

User A

Cube translation

vector

cube1 cube1

MeshAggregate

7

Hybrid architecture

Event sourcing

Cube translation

Client model


b

3DEvent framework

Event Store (detailed)e1


Mesh translated event generated (e1)

a b

User A

Cube translation

vector

cube1 cube1

MeshAggregate

7

Hybrid architecture

Event sourcing

Cube translation

Client model


b

3DEvent framework

conflict resolution

rules

Event Store (detailed)

Concurrency Exception? yes

e1



a b

c

Triggered if e1.version equals stored version of the aggregatec

User A

Cube translation

vector

cube1 cube1

MeshAggregate

7

Hybrid architecture

Event sourcing

Cube translation

Client model


b

3DEvent framework

conflict resolution

rules



no

PersistencePublication

eee1

e1



a b

c


User A

Cube translation

vector

cube1 cube1

MeshAggregate

7

Hybrid architecture

Event sourcing

Cube translation

Client model


b

3DEvent framework

conflict resolution

rules



no


eee1

e1

e1 Translate command applied on cube1a


a b

c


e1 handled by projectiond

d

User A

Cube translation

vector

cube1

vector

cube1 cube1

MeshAggregate

7

Hybrid architecture

Event sourcing

Cube translation

Client model


b

3DEvent framework

conflict resolution

rules



no


(Network)Store synchronization

eee1

e1

e1



a b

c



d

User A

Cube translation

vector

cube1

vector

cube1 cube1

MeshAggregate

7

Hybrid architecture

Event sourcing

Cube translation

Client model


b

3DEvent framework

conflict resolution

rules



no



Event Store

eee1

e1

User B

e1



a b

c



d

User A

Cube translation

vector

cube1

vector

cube1 cube1

MeshAggregate

7

Hybrid architecture

Event sourcing

Cube translation

Client model


b

3DEvent framework

conflict resolution

rules



no



Event Store

…

eee1

e1

User B

e1

e1

e1



a b

c

d



d

User A

Cube translation

vector

cube1

vector

cube1

vector

cube1 cube1

MeshAggregate

7

Hybrid architecture

Event sourcing

Cube translation

Client model


b

3DEvent framework

conflict resolution

rules



no



Event Store

…

eee1

e1

User B

e1

e1

e1



a b

c

d



d

User A

Cube translation

vector

cube1

vector

cube1

vector

cube1 cube1

MeshAggregate

e1

7

Hybrid architecture

Event sourcing

Cube translation

Client model


b

3DEvent framework

conflict resolution

rules



no



Event Store

…

eee1

e1

User B

e1

e1

e1



a b

c

d



d

User A

Cube translation

vector

cube1

vector

cube1

vector

cube1 cube1

MeshAggregate

Event Store

…

User C e1

d

vector

cube1

e1

7

Hybrid architecture

Event sourcing

Cube translation

*special case for example: users are connected in line here

Client model


3DEvent framework

8

Hybrid architecture



Discussion

• Current prototype: 3D collaborative object manipulation

• small objects (<10k triangles)

• until 6 collaborators

Benefits Limitations

Robustness, scalability Can be costly on large scale models

History browsing No snapshot

Business logic inputs Conflict management can be enriched with more expert rules

9


Conclusion

• 3DEvent Framework:

• Lightweight 3D CVE

• Cross platform

• Event paradigm

• Wide application fields (Git-like, serious game scenarios, 3D resumes)

• Future work

• Application on real-use cases

• Metrics determination including collaboration scenarios

• Large scale geometry solutions for transmission and rendering

10


Conclusion

• 3DEvent Framework:

• Lightweight 3D CVE

• Cross platform

• Event paradigm

• Wide application fields (Git-like, serious game scenarios, 3D resumes)

• Future work

• Application on real-use cases

• Metrics determination including collaboration scenarios

• Large scale geometry solutions for transmission and rendering

Thank you for your [email protected]

10

[email protected]@irit.fr

3DEvent - desprat.frdesprat.fr/short/web3d16slides.pdf · Web3D 2016 - DESPRAT, JESSEL, LUGA -...

Documents

Transcript of 3DEvent - desprat.frdesprat.fr/short/web3d16slides.pdf · Web3D 2016 - DESPRAT, JESSEL, LUGA -...