hybrid client-server and p2p network for web-based collaborative 3d - - PowerPoint PPT Presentation

hybrid client server and p2p network for web based
SMART_READER_LITE
LIVE PREVIEW

hybrid client-server and p2p network for web-based collaborative 3d - - PowerPoint PPT Presentation

hybrid client-server and p2p network for web-based collaborative 3d design Caroline DESPRAT a , Herv LUGA b , Jean-Pierre JESSEL c June 9, 2015 WSCG15 Plzen, Czech Republic VORTEX team, IRIT UMR 5505, University of Toulouse, France a


slide-1
SLIDE 1

hybrid client-server and p2p network for web-based collaborative 3d design

Caroline DESPRATa, Hervé LUGAb, Jean-Pierre JESSELc June 9, 2015– WSCG’15 Plzen, Czech Republic

VORTEX team, IRIT UMR 5505, University of Toulouse, France

adesprat@irit.fr bluga@irit.fr cjessel@irit.fr

slide-2
SLIDE 2

introduction

slide-3
SLIDE 3

Context

3D CVEs for design review (CAD, PLM, BIM) Small teams (7/8 people) constraints: ∙ Mobility ∙ Real-time interactions in 3D ∙ Optimal ressources (rendering, storage, networking) Need a light and efficient support for 3D distributed content accessible (almost) everywhere... The web browser (and the Internet) ! What is the best suited architecture?

Hybrid client-server and P2P network for web-based collaborative 3D design– DESPRAT, LUGA, JESSEL – WSCG’15 Plzen, Czech Republic

2

slide-4
SLIDE 4

Context

3D CVEs for design review (CAD, PLM, BIM) Small teams (7/8 people) constraints: ∙ Mobility ∙ Real-time interactions in 3D ∙ Optimal ressources (rendering, storage, networking) Need a light and efficient support for 3D distributed content accessible (almost) everywhere... The web browser (and the Internet) ! What is the best suited architecture?

Hybrid client-server and P2P network for web-based collaborative 3D design– DESPRAT, LUGA, JESSEL – WSCG’15 Plzen, Czech Republic

2

slide-5
SLIDE 5

Context

3D CVEs for design review (CAD, PLM, BIM) Small teams (7/8 people) constraints: ∙ Mobility ∙ Real-time interactions in 3D ∙ Optimal ressources (rendering, storage, networking) Need a light and efficient support for 3D distributed content accessible (almost) everywhere... The web browser (and the Internet) ! What is the best suited architecture?

Hybrid client-server and P2P network for web-based collaborative 3D design– DESPRAT, LUGA, JESSEL – WSCG’15 Plzen, Czech Republic

2

slide-6
SLIDE 6

state of the art

slide-7
SLIDE 7

Architectures

Client-server [HLL+13] [MJ12] [GSWG13] Client: rising of HTML5 -> WebGL. Centralized data access and collaboration: Websocket. Question As a mimic of small team organization (people-to-people collaboration): why pass through an intermediary (server) ?

Hybrid client-server and P2P network for web-based collaborative 3D design– DESPRAT, LUGA, JESSEL – WSCG’15 Plzen, Czech Republic

4

slide-8
SLIDE 8

Architectures

Peer-to-peer [CT07] Direct data transmission. Distributed ressources. Question What if there is no seeder?

Hybrid client-server and P2P network for web-based collaborative 3D design– DESPRAT, LUGA, JESSEL – WSCG’15 Plzen, Czech Republic

5

slide-9
SLIDE 9

Architectures

Hybrid: Client(s)-Server and P2P [KVaD14], [CH14] Persistence + direct data transmission between clients. Flexibility and robustness.

Hybrid client-server and P2P network for web-based collaborative 3D design– DESPRAT, LUGA, JESSEL – WSCG’15 Plzen, Czech Republic

6

slide-10
SLIDE 10
  • ur hybrid model
slide-11
SLIDE 11

Overview

Hybrid : Persistence + collaboration Users are working together on a scene where they can interact with 3D data.

Figure: System overview

Hybrid client-server and P2P network for web-based collaborative 3D design– DESPRAT, LUGA, JESSEL – WSCG’15 Plzen, Czech Republic

8

slide-12
SLIDE 12

3D web editor

Features ∙ View, navigation and transformations tools ∙ Upload 3D models, textures ∙ Switch point of view ∙ Referential modification ∙ Grid snap Content access policy to avoid modification conflicts during the collaboration : lock/unlock

Hybrid client-server and P2P network for web-based collaborative 3D design– DESPRAT, LUGA, JESSEL – WSCG’15 Plzen, Czech Republic

9

slide-13
SLIDE 13

Persistence layer

NoSQL DB dynamic schema well supporting 3D data format (JSON), updatable on-the-fly. Peer flow management auto (re)connect peers in a scene. Mainly used for persistence of the world state and resilience.

Hybrid client-server and P2P network for web-based collaborative 3D design– DESPRAT, LUGA, JESSEL – WSCG’15 Plzen, Czech Republic

10

slide-14
SLIDE 14

Collaboration layer

Figure: Message broadcasting inside a full mesh topology network.

Message broadcasting to direct peers and server DB. Update rendering at message reception. Granularity of the data transmission depends on the actions.

Hybrid client-server and P2P network for web-based collaborative 3D design– DESPRAT, LUGA, JESSEL – WSCG’15 Plzen, Czech Republic

11

slide-15
SLIDE 15

P2P connexions

WebRTC: Web Real-Time Communication (W3C draft) ∙ allows DataChannel protocol for P2P connections between web browsers to exchange any raw data in real-time. ∙ uses signaling mechanism (via WebSocket server) to manage peers, the network configuration and the media capabilities.

Hybrid client-server and P2P network for web-based collaborative 3D design– DESPRAT, LUGA, JESSEL – WSCG’15 Plzen, Czech Republic

12

slide-16
SLIDE 16

P2P connexions

WebRTC: Web Real-Time Communication (W3C draft) ∙ allows DataChannel protocol for P2P connections between web browsers to exchange any raw data in real-time. ∙ uses signaling mechanism (via WebSocket server) to manage peers, the network configuration and the media capabilities.

Hybrid client-server and P2P network for web-based collaborative 3D design– DESPRAT, LUGA, JESSEL – WSCG’15 Plzen, Czech Republic

12

slide-17
SLIDE 17

implementation

slide-18
SLIDE 18

Workflow

Hybrid client-server and P2P network for web-based collaborative 3D design– DESPRAT, LUGA, JESSEL – WSCG’15 Plzen, Czech Republic

14

slide-19
SLIDE 19

Technologies

3D rendering Server + DB P2P

Hybrid client-server and P2P network for web-based collaborative 3D design– DESPRAT, LUGA, JESSEL – WSCG’15 Plzen, Czech Republic

15

slide-20
SLIDE 20

evaluation

slide-21
SLIDE 21

Experiments

Objective Demonstrate the feasibility

  • f our model focusing on

the user experience. Experiment description Assemble collaboratively multiple parts of a scene to match a given

  • picture. Users are on the same

network. Qualitative criteria ∙ 3D modeling (interface) ∙ Collaboration (robustness, fluidity)

Table: Model descriptions for the experiments

Experiment

  • bjects

size users Wind turbine 6 1.0 MB 2 Pick up 8 1.3 MB 4 Castle from server 35 1.3 MB 4 Castle from peer 35 1.3 MB 4

Hybrid client-server and P2P network for web-based collaborative 3D design– DESPRAT, LUGA, JESSEL – WSCG’15 Plzen, Czech Republic

17

slide-22
SLIDE 22

Results 1/2

Global evaluation Satisfied of the collaborative and visual results: goals are reached. User interface Reports about a lack of visual feedbacks on collaborative object prehension. Object manipulation Good evaluation except at the reception of a new model (not optimized). User charge The variation (from 4 to 7 people) has not altered rendering and networking quality .

Hybrid client-server and P2P network for web-based collaborative 3D design– DESPRAT, LUGA, JESSEL – WSCG’15 Plzen, Czech Republic

18

slide-23
SLIDE 23

Results 2/2

The system offers a good robustness and resilience in case of browser’s or server’s crash. The quality of the collaboration has been considered as real-time more than interactive.

Figure: 3D editor’s captures during experiments

Hybrid client-server and P2P network for web-based collaborative 3D design– DESPRAT, LUGA, JESSEL – WSCG’15 Plzen, Czech Republic

19

slide-24
SLIDE 24

conclusion

slide-25
SLIDE 25

Summary

Our hybrid model for 3D web-based collaborative modeling mixing Client-server (WebGL and NodeJS) and P2P (WebRTC) architecture is: ∙ exclusively based on web-browser ressources (cross-platform); ∙ supported by a functionnal prototype providing

∙ 3D rendering with basic interactions, ∙ real-time updates with persistence and granularity, ∙ and transparent P2P collaboration;

Hybrid client-server and P2P network for web-based collaborative 3D design– DESPRAT, LUGA, JESSEL – WSCG’15 Plzen, Czech Republic

21

slide-26
SLIDE 26

Future work

∙ Quantitative evaluation (throughput, FPS…) for performance comparisons (WebRTC tools and web automation tools). ∙ Mesh processing for 3D streaming with distributed ressources ∙ Richer interface (feedbacks, versionning, plasticity)

Hybrid client-server and P2P network for web-based collaborative 3D design– DESPRAT, LUGA, JESSEL – WSCG’15 Plzen, Czech Republic

22

slide-27
SLIDE 27

Thank you for your attention

Caroline.Desprat@irit.fr

Hybrid client-server and P2P network for web-based collaborative 3D design– DESPRAT, LUGA, JESSEL – WSCG’15 Plzen, Czech Republic

23