Community in action leroy merlin case study - nuxeo world 2010

79
Community in action Bringing social into the world of ECM Friday, November 26, 2010

description

Damien Metzler of Leroy Merlin showcases the new community and collaboration features integrated into ECM.

Transcript of Community in action leroy merlin case study - nuxeo world 2010

Page 1: Community in action   leroy merlin case study - nuxeo world 2010

Community in actionBringing social into the world of ECM

Friday, November 26, 2010

Page 2: Community in action   leroy merlin case study - nuxeo world 2010

Community in actionBringing social into the world of ECM

Friday, November 26, 2010

Page 3: Community in action   leroy merlin case study - nuxeo world 2010

Friday, November 26, 2010

Page 4: Community in action   leroy merlin case study - nuxeo world 2010

+ 60 000 collaborators across the world

Friday, November 26, 2010

Page 5: Community in action   leroy merlin case study - nuxeo world 2010

+ 60 000 collaborators across the world

Friday, November 26, 2010

Page 6: Community in action   leroy merlin case study - nuxeo world 2010

+ 60 000 collaborators across the world

Friday, November 26, 2010

Page 7: Community in action   leroy merlin case study - nuxeo world 2010

+ 60 000 collaborators across the world

Friday, November 26, 2010

Page 8: Community in action   leroy merlin case study - nuxeo world 2010

+ 60 000 collaborators across the world

20 000 collaboratorsLeader of the French DIY Market

Friday, November 26, 2010

Page 9: Community in action   leroy merlin case study - nuxeo world 2010

Schedule

• From FrontPage to Nuxeo

• Leroy Merlin contributions to Nuxeo

• What’s next ?

Friday, November 26, 2010

Page 10: Community in action   leroy merlin case study - nuxeo world 2010

From FrontPage

IntraLM

Friday, November 26, 2010

Page 11: Community in action   leroy merlin case study - nuxeo world 2010

... to Nuxeo

IntraLM

Friday, November 26, 2010

Page 12: Community in action   leroy merlin case study - nuxeo world 2010

... to Nuxeo

IntraLM

Friday, November 26, 2010

Page 13: Community in action   leroy merlin case study - nuxeo world 2010

... to Nuxeo

IntraLM

Friday, November 26, 2010

Page 14: Community in action   leroy merlin case study - nuxeo world 2010

... to Nuxeo

IntraLM

Friday, November 26, 2010

Page 15: Community in action   leroy merlin case study - nuxeo world 2010

... to Nuxeo

IntraLM

Friday, November 26, 2010

Page 16: Community in action   leroy merlin case study - nuxeo world 2010

... to Nuxeo

IntraLM

Friday, November 26, 2010

Page 17: Community in action   leroy merlin case study - nuxeo world 2010

Portal needs

• Collaborative Spaces

• WYSIWYG

• Users says : like NetVibes or iGoogle

Friday, November 26, 2010

Page 18: Community in action   leroy merlin case study - nuxeo world 2010

Other needs

• News Site (users say : like BBC News)

• PictureBook site (users say : like PicasaWeb)

• Videos site (users say : like YouTube)

• Wiki, Blogs ...

Friday, November 26, 2010

Page 19: Community in action   leroy merlin case study - nuxeo world 2010

What is the common factor ?

Friday, November 26, 2010

Page 20: Community in action   leroy merlin case study - nuxeo world 2010

What is the common factor ?

CONTENT

CONTENT CONTENT CONTENT

CONTENT CONTENT

CONTENT

CONTENT

Friday, November 26, 2010

Page 21: Community in action   leroy merlin case study - nuxeo world 2010

Portal Data hierarchy

Friday, November 26, 2010

Page 22: Community in action   leroy merlin case study - nuxeo world 2010

Portal Data hierarchyMultiple spaces

Friday, November 26, 2010

Page 23: Community in action   leroy merlin case study - nuxeo world 2010

Universe

Storing content in an ECM system seems to be a good idea

Friday, November 26, 2010

Page 24: Community in action   leroy merlin case study - nuxeo world 2010

Universe

Storing content in an ECM system seems to be a good idea

PersoAccueil

Space

Friday, November 26, 2010

Page 25: Community in action   leroy merlin case study - nuxeo world 2010

Universe

Storing content in an ECM system seems to be a good idea

PersoAccueil

Space

Mails

Gadget

Friday, November 26, 2010

Page 26: Community in action   leroy merlin case study - nuxeo world 2010

Universe

Storing content in an ECM system seems to be a good idea

PersoAccueil

Space

RSS Feed

Mails

Gadget

Friday, November 26, 2010

Page 27: Community in action   leroy merlin case study - nuxeo world 2010

Universe

Storing content in an ECM system seems to be a good idea

PersoAccueil

Space

RSS Feed

Mails

Gadget

Post-It

Content

Friday, November 26, 2010

Page 28: Community in action   leroy merlin case study - nuxeo world 2010

What we need is an ECM PLATFORM

Friday, November 26, 2010

Page 29: Community in action   leroy merlin case study - nuxeo world 2010

That must be

Friday, November 26, 2010

Page 30: Community in action   leroy merlin case study - nuxeo world 2010

That must be

•Robust

Friday, November 26, 2010

Page 31: Community in action   leroy merlin case study - nuxeo world 2010

That must be

•Robust

•Extensive

Friday, November 26, 2010

Page 32: Community in action   leroy merlin case study - nuxeo world 2010

That must be

•Robust

•Extensive

•Open

Friday, November 26, 2010

Page 33: Community in action   leroy merlin case study - nuxeo world 2010

That must be

•Robust

•Extensive

•Open

Friday, November 26, 2010

Page 34: Community in action   leroy merlin case study - nuxeo world 2010

What is a portal ?

Friday, November 26, 2010

Page 35: Community in action   leroy merlin case study - nuxeo world 2010

What is a portal ?

• Web pages

Friday, November 26, 2010

Page 36: Community in action   leroy merlin case study - nuxeo world 2010

What is a portal ?

• Web pages

• That expose other apps

Friday, November 26, 2010

Page 37: Community in action   leroy merlin case study - nuxeo world 2010

What is a portal ?

• Web pages

• That expose other apps

• Thru «small pieces of apps»

Friday, November 26, 2010

Page 38: Community in action   leroy merlin case study - nuxeo world 2010

What is a portal ?

• Web pages

• That expose other apps

• Thru «small pieces of apps»

• Mashup concept

Friday, November 26, 2010

Page 39: Community in action   leroy merlin case study - nuxeo world 2010

What is a portal ?

• Web pages

• That expose other apps

• Thru «small pieces of apps»

• Mashup concept

• The «StarGate» to your IT

Friday, November 26, 2010

Page 40: Community in action   leroy merlin case study - nuxeo world 2010

What is a portal ?

• Web pages

• That expose other apps

• Thru «small pieces of apps»

• Mashup concept

• The «StarGate» to your IT

Friday, November 26, 2010

Page 41: Community in action   leroy merlin case study - nuxeo world 2010

Friday, November 26, 2010

Page 42: Community in action   leroy merlin case study - nuxeo world 2010

Portal

Friday, November 26, 2010

Page 43: Community in action   leroy merlin case study - nuxeo world 2010

Portal

Friday, November 26, 2010

Page 44: Community in action   leroy merlin case study - nuxeo world 2010

Portal

PictureBook

Friday, November 26, 2010

Page 45: Community in action   leroy merlin case study - nuxeo world 2010

Portal

PictureBook Videos

Friday, November 26, 2010

Page 46: Community in action   leroy merlin case study - nuxeo world 2010

Portal

PictureBook Videos News

Friday, November 26, 2010

Page 47: Community in action   leroy merlin case study - nuxeo world 2010

Portal

PictureBook Videos News Wikis

Friday, November 26, 2010

Page 48: Community in action   leroy merlin case study - nuxeo world 2010

Portal

PictureBook Videos News Wikis ...

Friday, November 26, 2010

Page 49: Community in action   leroy merlin case study - nuxeo world 2010

Portal

PictureBook Videos News

ECM Platform

Wikis ...

Friday, November 26, 2010

Page 50: Community in action   leroy merlin case study - nuxeo world 2010

How to expose small pieces of app ?

Friday, November 26, 2010

Page 51: Community in action   leroy merlin case study - nuxeo world 2010

• the iGoogle / NetVibes model sounds good

• There is an API for iGoogle (OpenSocial)

• An implementation of OpenSocial called Shindig is open source (Apache project)

Friday, November 26, 2010

Page 52: Community in action   leroy merlin case study - nuxeo world 2010

Let’s see how it all fit together

Friday, November 26, 2010

Page 53: Community in action   leroy merlin case study - nuxeo world 2010

Let’s see how it all fit together

Demo Time !

Friday, November 26, 2010

Page 54: Community in action   leroy merlin case study - nuxeo world 2010

Technical specs

• 20 000 users

• about 15 000 unique visits a day (growing)

• runs on :

• 4 clustered JBoss server (NX 5.3.1++)

• 1 PostgreSQL DB

Friday, November 26, 2010

Page 55: Community in action   leroy merlin case study - nuxeo world 2010

Our contributions

to Nuxeo

Friday, November 26, 2010

Page 56: Community in action   leroy merlin case study - nuxeo world 2010

Opensocial integration

• Shindig integration as a single bundle

• Architecture to serve gadgets definitions

• Architecture to resolve space objects

• GWT container that shows gadgets in a space

• Some Opensocial gadgets

Friday, November 26, 2010

Page 57: Community in action   leroy merlin case study - nuxeo world 2010

Opensocial integration

• Integrated in Nuxeo DM 5.3.1• Used for the dashboard• Used for other customer

projects (intranet portals)

Friday, November 26, 2010

Page 58: Community in action   leroy merlin case study - nuxeo world 2010

Unit test Framework

• jUnit 4.x based with injection of Nuxeo Services provided by Guice

• Integrated / Enhanced by «chief» Bogdan

• Unit/Integration/Functionnal test framework on steroïds

Friday, November 26, 2010

Page 59: Community in action   leroy merlin case study - nuxeo world 2010

Friday, November 26, 2010

Page 60: Community in action   leroy merlin case study - nuxeo world 2010

Friday, November 26, 2010

Page 61: Community in action   leroy merlin case study - nuxeo world 2010

#1 Homepage should show Application list#2 Click on a link should show the Help site

#3 The app logo should be rendered

Friday, November 26, 2010

Page 62: Community in action   leroy merlin case study - nuxeo world 2010

Small samples

Friday, November 26, 2010

Page 63: Community in action   leroy merlin case study - nuxeo world 2010

Small samples

Friday, November 26, 2010

Page 64: Community in action   leroy merlin case study - nuxeo world 2010

Small samples

Friday, November 26, 2010

Page 65: Community in action   leroy merlin case study - nuxeo world 2010

Benefits of contributing

• Known user of the community

• Integrated in architectural choices regarding Opensocial

• Some parts are enhanced (test framework) or checked thru code review

• Cooperation over Contractualisation

Friday, November 26, 2010

Page 66: Community in action   leroy merlin case study - nuxeo world 2010

What’s next ?

Friday, November 26, 2010

Page 67: Community in action   leroy merlin case study - nuxeo world 2010

GWT container drawbacks

• Everything as an OpenSocial gadget costs a lot

• JS overhead (about 40Ko/gadget)

• a HTTP request per gadget

• Layout manager based on presets

• Based on GWT-ext that is not a native GWT library

Friday, November 26, 2010

Page 68: Community in action   leroy merlin case study - nuxeo world 2010

New GWT container

• GWT 2.x based with only native GWT

• much faster

• allows better hosted mode developpement

Friday, November 26, 2010

Page 69: Community in action   leroy merlin case study - nuxeo world 2010

Native gadgets

OpenSocial picture gadget

Friday, November 26, 2010

Page 70: Community in action   leroy merlin case study - nuxeo world 2010

Native gadgets

OpenSocial picture gadget

Friday, November 26, 2010

Page 71: Community in action   leroy merlin case study - nuxeo world 2010

Native gadgets

OpenSocial picture gadget

Native picture gadget

Friday, November 26, 2010

Page 72: Community in action   leroy merlin case study - nuxeo world 2010

Dynamic layout system

Before

Friday, November 26, 2010

Page 73: Community in action   leroy merlin case study - nuxeo world 2010

Dynamic layout system

Before After

Friday, November 26, 2010

Page 74: Community in action   leroy merlin case study - nuxeo world 2010

HTML view

• No GWT needed (faster to render)

• Very useful for read-only spaces

• Opens the road to a full WYSIWYG site factory

Friday, November 26, 2010

Page 75: Community in action   leroy merlin case study - nuxeo world 2010

Friday, November 26, 2010

Page 76: Community in action   leroy merlin case study - nuxeo world 2010

Demo Time !

Friday, November 26, 2010

Page 77: Community in action   leroy merlin case study - nuxeo world 2010

Demo Time !alpha

Friday, November 26, 2010

Page 78: Community in action   leroy merlin case study - nuxeo world 2010

Conclusion

• Contributing offers great opportunities

• We’re still on the road, evolving...

• Market place seems to be another channel to share our apps.

Friday, November 26, 2010

Page 79: Community in action   leroy merlin case study - nuxeo world 2010

Damien [email protected]

Twitter : @damienmetzlerBlog : http://dmetzler.posterous.com

Thank you

Friday, November 26, 2010