SkinMuseum : a museum collection management software Nel Taurisson [email_address] Nuxeo Dev Day 2008 01/12/2008

Nel Taurisson

[email_address]

Nuxeo Dev Day 2008

01/12/2008

SKIN-SOFT Young innovative R&D organisation Focuses on developing collection inventory and publishing softwares First application : SkinMuseum dedicated to museum inventories More to come...

Young innovative R&D organisation

Focuses on developing collection inventory and publishing softwares

First application : SkinMuseum dedicated to museum inventories

More to come...

SKIN-SOFT No one-shot-application development A framework instanciated in multiple applications Naturally, we turned to the Open Source community Naturally, we wish to participate

No one-shot-application development

A framework instanciated in multiple applications

Naturally, we turned to the Open Source community

Naturally, we wish to participate

Agenda Museum collection management : Constraints SkinMuseum snapshots The SKPlayer ExtJS client Google Gears integration Nuxeo Action / View / Layout player Open Source release: first semester 2009

Museum collection management : Constraints

SkinMuseum snapshots

The SKPlayer

ExtJS client

Google Gears integration

Nuxeo Action / View / Layout player

Open Source release: first semester 2009

Constraints (1) Very complex document structure lots of fields deep fields

Very complex document structure

lots of fields

deep fields

Constraints (2) Huge structured thesauri and controlled vocabularies, i.e., huge directories tree directories unpredictable tree depth

Huge structured thesauri and controlled vocabularies, i.e., huge directories

tree directories

unpredictable tree depth

Constraints (3) The audience : no IT gurus seen yet ! Articulate collaboration in the museum this is a new feature / existing software Web Based

The audience : no IT gurus seen yet !

Articulate collaboration in the museum

this is a new feature / existing software

Web Based

Constraint (4) WebBased BUT should be able to work partly offline : The « récollement » need Can be used to align the inventoried objects (the data in the software) with the objects that really are in the museum

WebBased BUT should be able to work partly offline :

The « récollement » need

Can be used to align the inventoried objects (the data in the software) with the objects that really are in the museum

Dealing with the constraints Complex Document Structure / Rich and Simple UI ExtJS / SeamRemoting Huge structured directories Gears : client side directory replication with a dedicated implementation of SQLDirectories Offline mode Gears : document replication / locking / update

Complex Document Structure / Rich and Simple UI

ExtJS / SeamRemoting

Huge structured directories

Gears : client side directory replication with a dedicated implementation of SQLDirectories

Offline mode

Gears : document replication / locking / update

SkinMuseum Snapshots

SkinMuseum Snapshots

SkinMuseum Snapshots

SkinMuseum Snapshots

SkinMuseum Snapshots

SkinMuseum Snapshots

SKPlayer overview Javascript / SeamRemoting Client Acts as a player for the Standard Nuxeo Action / View / Template mechanisms Widgets are written in Javascript (With ExtJS) UI designed through the standard xml contribs Our goal : Business code only lives in workflows and event listeners UI design is only a configuration issue (xml / css) JS only used to develop reusable UI components

Javascript / SeamRemoting Client

Acts as a player for the Standard Nuxeo Action / View / Template mechanisms

Widgets are written in Javascript (With ExtJS)

UI designed through the standard xml contribs

Our goal :

Business code only lives in workflows and event listeners

UI design is only a configuration issue (xml / css)

JS only used to develop reusable UI components

SKPlayer mechanisms (1) UI described in layout contribs

UI described in layout contribs

SKPlayer mechanisms (2)

SKPlayer Mechanisms (3) Properties are applied to Underlying ExtJS Widgets

Properties are applied to Underlying ExtJS Widgets

SKPlayer mechanisms (4) A widget library Base widgets : text, textarea, int, float, layout... Composed widgets : list, complex Container widgets : border container, column container, tabs container Rich widgets : repository explorer, selected document view, media management widgets ... Workflow widgets : worflow layout, work item layout...

A widget library

Base widgets : text, textarea, int, float, layout...

Composed widgets : list, complex

Container widgets : border container, column container, tabs container

Rich widgets : repository explorer, selected document view, media management widgets ...

Workflow widgets : worflow layout, work item layout...

SKPlayer mechanisms (5) Client side message bus Some widgets broadcast messages (ex: selection widgets) Any widget can react to messages (react code added in the layout)

Client side message bus

Some widgets broadcast messages (ex: selection widgets)

Any widget can react to messages (react code added in the layout)

TODOs (before public release) Complete l10n Code cleaning / refactoring Improving documentation Demo App LGPL Release: end of first semester 2009

Complete l10n

Code cleaning / refactoring

Improving documentation

Demo App

LGPL Release: end of first semester 2009

SkinMuseum : a museum collection management software Nel Taurisson [email_address] Nuxeo Dev Day 2008 12/01/2008

Nel Taurisson

[email_address]

Nuxeo Dev Day 2008

12/01/2008

SKPlayer overview Gears integration : Layout caching Client side directory replication Document caching (coming soon...) Offline mode (coming soon to...)

Gears integration :

Layout caching

Client side directory replication

Document caching (coming soon...)

Offline mode (coming soon to...)

SKPlayer Engine / Theme The ExtJS engine : Bootstraps the JS framework Theme fragments : contribute ExtJS building block (base UI : document views, repository explorer tree, etc...)

The ExtJS engine :

Bootstraps the JS framework

Theme fragments :

contribute ExtJS building block (base UI : document views, repository explorer tree, etc...)