Web Components and Polymer at Nuxeo - Building our New Web UI
•Download as PPTX, PDF•
1 like•802 views
This document describes Nuxeo's hyperscaled digital asset platform. It provides an open source platform for building customized content applications using reusable web components and Polymer. The platform includes a content repository for storing and managing documents and objects, along with tools for customizing metadata models, security policies, workflows and more. It aims to provide a flexible yet configurable user interface framework based on web components to allow customizing applications through configuration rather than code.
Recommended
Recommended
More Related Content
What's hot
What's hot (20)
Similar to Web Components and Polymer at Nuxeo - Building our New Web UI
Similar to Web Components and Polymer at Nuxeo - Building our New Web UI (20)
More from Nuxeo
More from Nuxeo (20)
Recently uploaded
Recently uploaded (20)
Web Components and Polymer at Nuxeo - Building our New Web UI
- 1. H Y P E R S C A L E D I G I TA L A S S E T P L AT F O R M Webcomponents and Polymer < />
- 2. an Open Source Platform that developers can use to build highly customized Content Applications we provide components, and the tools to assemble them 2008 year founded 6 global offices 200+ customers $30M 2016 funding
- 3. On-PremiseHybridCloud DATA AND FILE STORAGE OPTIONS SQL DB NoSQL DB Cloud Storage EFSS NUXEO PLATFORM Content Models & Lifecycles Search, Views & Insights Workflow & Automation Services & Connectors Digital Asset Management Document Management Content Repository Knowledge & Case Management BUSINESS APPLICATIONS H Y P E R S C A L E D I G I T A L A S S E T P L A T F O R M
- 4. N U X E O R E P O S I T O R Y A backend • Stores documents / objects • Custom domain model • Security Policies • Lifecycle and workflows • Conversions and preview • Search • Audit • ...
- 5. • Everything is a plugin and configurable (Java OSGi-Like) • Java, Javascript, XML contributions • Ensure codes separation, maintenance and upgrade path N U X E O R U N T I M E
- 6. N U X E O J S F U I • JSF2 (Facelets) • Seam & RichFaces • Layouts • Widgets • Widget types • Modes • Content views • Actions & categories
- 7. • Brand your application • Add new document types • Create forms • Customize content views • Define search forms • Add new buttons, tabs, icons in the UI • Create Automation chains • Define business workflows • ... N U X E O S T U D I O
- 8. N U X E O U I M E T A M O D E L Simple Configurable Pluggable
- 9. ? ? ? “I want to build my own application...” “… and I still want Studio and support!” ”… want to use framework X, JS , HTML and CSS...”
- 10. N U X E O U I E L E M E N T S Simple Reusable Composable
- 11. W E B C O M P O N E N T S HTML Imports Shadow DOM HTML Templates Custom Elements Portable Isolated Declarative Reusable We can finally extend the vocabulary of HTML!
- 12. P O L Y M E R Adds elegance / removes boilerplate • Element registration • Lifecycle callbacks • Observers • Data binding Look and work just like any other HTML element!
- 13. NUXEO ELEMENTS
- 14. P O L Y M E R @ N U X E O Learn / Prototype Integrate / Deliver
- 15. NEW WEB UI ”A completely rebooted user experience, on a completely rebooted technical stack!
- 16. Element Component • Attributes / Properties • Methods • Events Declarative syntax DOM as framework
- 17. XHTML JSF Component tree Custom Components Beans / EL expressions JSF / Facelets Web components HTML Document Object Model Custom Elements Javascript
- 18. A P P L I C A T I O N F R A M E W O R K • Data flow Data binding / Events • Reusable Application vs ”standalone” elements i18n and routing behaviours
- 19. C U S T O M I Z A B L E U I Lazy loading importHref(’nuxeo-home.html’, …) Dynamic layouts importHref(`nuxeo-${type}-${mode}-layout.html`) Everything is an element... you can use anywhere!
- 20. N U X E O V I E W D E S I G N E R • Integrated in Studio • Customization tool • Built with Polymer • WYSIWYG and HTML
- 21. H T M L “ M E T A ” M O D E L • Parse and introspect HTML • Extract meta model • Validate / migrate
- 22. W Y S I W Y G E D I T O R • Element catalog • Introspect elements • DnD fields • Live preview
- 24. P L U G G A B L E U I - S L O T S • Add-on imports • Context and Filtering • Toggling and ordering <!-- Our placeholder --> <nuxeo-slot name=”MY_SLOT” model=‘{“user”:..}’></nuxeo-slot> <!-- A content --> <nuxeo-slot-content slot="MY_SLOT” order=“2”> <template>Hello Slots!</template> </nuxeo-slot-content> <!-- Another content --> <nuxeo-slot-content slot="MY_SLOT”> <template> <nuxeo-filter user=“[[user]]” group=“Administrators”> <template>...</template> </nuxeo-filter> </template> </nuxeo-slot-content> <link rel=“import” href=“nuxeo-custom-addon.html”>
- 25. U I E D I T O R • Slots • Content elements • Property editor • Filtering
- 26. O U R N E W W E B U I Simple Reusable Configurable Pluggable
- 27. W H A T ’ S N E X T • Polymer 2.x • More UI elements • Improved packaging • Multiple applications and/or templates • Better IDE and browser integration
- 28. T H A N K Y O U
Editor's Notes
- Nuxeo was founded in 2008. We're headquartered in New York, and have 5 other offices and over 200 subscription customers around the world. Our mission is to empower your digital transformation by unlocking the value of your digital assets. We deliver that through two products: First, the Nuxeo Platform, which is the engine behind all our solutions, and Second, Nuxeo Studio, which our customers use to configure Nuxeo to address their needs.
- The Nuxeo Hyperscale Digital Asset Platform is a highly configurable platform for developing content management applications where digital assets are core to the business. Nuxeo Studio is the web-based tool that provides an easy-to-use graphical interface to configure Nuxeo Platform applications. Users can define and update the content data model with an unlimited number of attributes, as well as content templates, custom metadata, content lifecycles, form structures, and more. Users can also create custom workflows with the integrated workflow engine and automate processes to improve productivity. The platform can be extended and integrated with cloud file-sharing services like Google Drive and Dropbox, CRM such as Salesforce.com, and creative tools like Adobe CC, as well as other tools and services. We offer a hybrid SQL and NoSQL architecture and we’re the only platform to provide a native integration with MongoDB, the leading NoSQL database, which provides incredible performance and scale. Our cloud-native architecture also provides flexible deployment options including cloud, on-premise, or a hybrid approach. Most importantly, Nuxeo allows organizations to configure a wide variety of content-centric business applications on the same platform, ranging from Digital Asset Management to Document Management, Content Repositories or catalogs, Knowledge Management, and Case Management applications.
- Nuxeo was founded in 2008. We're headquartered in New York, and have 5 other offices and over 200 subscription customers around the world. Our mission is to empower your digital transformation by unlocking the value of your digital assets. We deliver that through two products: First, the Nuxeo Platform, which is the engine behind all our solutions, and Second, Nuxeo Studio, which our customers use to configure Nuxeo to address their needs.
- Nuxeo was founded in 2008. We're headquartered in New York, and have 5 other offices and over 200 subscription customers around the world. Our mission is to empower your digital transformation by unlocking the value of your digital assets. We deliver that through two products: First, the Nuxeo Platform, which is the engine behind all our solutions, and Second, Nuxeo Studio, which our customers use to configure Nuxeo to address their needs.