Skip to content

Instantly share code, notes, and snippets.

@tiry
Last active October 15, 2020 15:46
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save tiry/87af6a81ce0cdcc00ebd4910444aff60 to your computer and use it in GitHub Desktop.
Save tiry/87af6a81ce0cdcc00ebd4910444aff60 to your computer and use it in GitHub Desktop.

Nuxeo UI - Customizing, Integrating, Embedding

Training

DISLAIMER - the training needs to be addressed globally, the point of this paragraph is just to provide the highlights of what is likely to be the most important aspects regarding UI/UX

Before jumping in the Workshop all participants should have a minimum knowledge about how Nuxeo UI works.

Most of the training content is accessible via University, but it may be better to at least provide a half-day bootstrap session to give an overview, explain the principles, and present the tools.

Studio and ViewDesigner

A minimal training on Studio/View designer seems required to cover:

  • how forms and views are configured
  • how actions can be added/removed

WebUI dev

  • web-components and polymer
  • nuxeo-elements
  • WebUI architecture and extension model
  • WebComponents and other html/js technologies

Guided tours / Discussions

For some topics, I did not yet find a way to define a "real spike" because the goal is still not clear enough.

So, the proposal is to do an exploration workshop that should be more about interactive discussion and Q&A than about "building something".

UX Design Workshop

Goal

Enable the IRM UX team to do designs using Nuxeo toolbox.

Points to cover

We should organize a UX/UI design workshop with our UX lead (Carolina) and one of the engineers working on WebUI in order to cover the following topics:

  • present our design system and how we go from InVision to WebComponents
  • review the components and existing storybook
  • share experiment about integrating external components libraries

Dashboards

Goal

Understand how Nuxeo Dashboards work and can be customized.

Points to cover

  • nuxeo-data-viz elements
  • Nuxeo-ES passthrough API
  • building custom dashboards

Hands-on workshops

The goal of these workshops is to experiment and build some prototypes that will help to make the design choices related to how the UI integration should be built.

Integrate a Nuxeo screen inside IRM Connect Portal

Goal

Check how we can integrate a "Nuxeo screen" inside the IRM Connect Portal.

Points to experiment on

  • authentication and identity propagation
  • define how we do the integration inside the existing ExtJS code
    • IFrame like currently done
    • WebComponent / CustomElement
  • how do we provide a consistent styling / UX

Nuxeo WebUI Branding

Goal

Do a UX driven customization of the Nuxeo UI in order to make integration with the other applications smoother from the user experience standpoint.

Points to experiment on

  • simple branding and components styling
  • UI adjustments
    • hiding some buttons
    • configuring search results
    • configure forms

Reusing Nuxeo components in UI

Goal

Display Nuxeo data from within an external application trying to reuse as much as possible what Nuxeo provides.

Points to experiment on

  • use nuxeo.js to call Nuxeo API and display using application UI stack
  • re-use a nuxeo-element
  • package a full Nuxeo App in a custom element
  • open a nuxeo app in a popup (i.e. Document Picker ?)

User Session management

Goal

Ensure the Nuxeo session can be synchronized with a global SSO/SLO/Session management.

Points to experiment on

  • experiment with Nuxeo Session Extender that is Redis based
  • test UX for SSO/SLO
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment