SlideShare a Scribd company logo

Magnolia 5.0 'GenUIne'

•
•
Philipp Bärfuss
Philipp Bärfuss

One key point Magnolia is well known for is its outstanding, easy-to-use user interface for creating and managing websites. With Magnolia 5 (codenamed "GenUIne") we will take all this on step further primarily for the sake of an even more improved usability and extensibility. Although the development is still in the early stages, in this session we will explain how the two trails, the user interface design trail and the technical trail fit into the picture and what changes we have in mind. We will elaborate on how the interface trail will improve interactions within Magnolia and how these improvements will allow users to work more efficiently, making less mistakes and having more convenience and joy when using Magnolia. On the other hand, we will give you an insight on how we plan to lift Magnolia's backend GUI and architecture to a new technical foundation allowing us to easier maintain the backend codebase and that also allows customers to extend the functionality to introduce more sophisticated features much faster than before.

TechnologyEntertainment & Humor
1 of 135
Download to read offline
Magnolia "GenUIne" An Over view by Vivian Steller and Philipp Bärfuß Magnolia International Ltd. © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 1
Today's Presentation Intentions of this talk • main ideas • spirit • not too "geeky" © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 2
Overview • Placement and Motivation • Interface Design Trail • Technological Trail • Summary and Q&A © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 3
© Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 4
Magnolia Evolution "Not turning everything topsy-tur vy." © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 4
Placement © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 5
Placement © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 5
Placement ili g ab din ty us an t ts ou © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 5
Placement ili g M , D n ab din , io S ty w t us an lo iza t kf ar ts ou or l w odu m © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 5
ou ts t us an ab din ili g m ty Placement w odu or l kf ar lo iza w t © Copyright 2009 by Magnolia International Ltd. , io D n M , ar S up c da hit te ec s, tu I1 re 8n , Magnolia GenUIne | 5
ou ts t us an ab din ili g m ty Placement w odu or l kf ar lo iza w t © Copyright 2009 by Magnolia International Ltd. , io D n M , ar S up c da hit te ec s, tu I1 re en 8n , te p rp er ris fo e rm fe a at nc ur e, es Magnolia GenUIne | 5
ou ts t us an ab din ili g m ty Placement w odu or l kf ar lo iza w t © Copyright 2009 by Magnolia International Ltd. , io D n M , ar S up c da hit te ec s, tu I1 re en 8n , te p rp er ris fo e rm fe a at nc ur e, es te m pl a tin g Magnolia GenUIne | 5
ou ts t us an ab din ili g m ty Placement w odu or l kf ar lo iza w t © Copyright 2009 by Magnolia International Ltd. , io D n M , ar S up c da hit te ec s, tu I1 re en 8n , te p rp er ris fo e rm fe a at nc ur e, es te m pl a tin g in te u ro sa pe b ra ilit bi y lit & y Magnolia GenUIne | 5
Motivations © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 6
Motivations • usability © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 6
Motivations • usability • too many pitfalls © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 6
Motivations • usability • too many pitfalls • missing features © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 6
Motivations • usability • too many pitfalls • missing features • incomplete experience © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 6
Motivations • usability • too many pitfalls • missing features • incomplete experience © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 6
Motivations • usability • too many pitfalls • missing features • incomplete experience © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 6
Motivations • usability • too many pitfalls • missing features • incomplete experience • maintainability © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 6
Motivations • usability • too many pitfalls • missing features • incomplete experience • maintainability • technology mix © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 6
Motivations • usability • too many pitfalls • missing features • incomplete experience • maintainability • technology mix • self-cooked JS-library © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 6
Motivations • usability • too many pitfalls • missing features • incomplete experience • maintainability • technology mix • self-cooked JS-library • consequences © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 6
© Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 7
Goals & Features More than just "surface cosmetics." © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 7
Goals & Features More than just "surface cosmetics." © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 7
Goals & Features More than just "surface cosmetics." © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 7
I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 8
Improve interactions. I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 8
Improve interactions. I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 8
Improve interactions. I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 8
I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 9
Work more efficient. I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 9
Work more efficient. I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 9
Work more efficient. I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 9
I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 10
Make less mistakes. I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 10
Make less mistakes. I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 10
I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 11
Make it more convenient. I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 11
Make it more convenient. I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 11
I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 12
Work with more joy. I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 12
Features I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 13
Features Imp ro ve inte ra ctio n s: • e ffic ie n cy • av o id e r ro rs • c o n ve n ie n c e • jo y I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 13
Features Imp ro ve inte ra ctio n s: • e ffic ie n cy √ • full keyboard support • av o id e r ro rs • c o n ve n ie n c e • jo y I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 13
Features Imp ro ve inte ra ctio n s: • e ffic ie n cy √ • full keyboard support • av o id e r ro rs • c o n ve n ie n c e √ • full mouse support • jo y I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 13
Features Imp ro ve inte ra ctio n s: • e ffic ie n cy √ • full keyboard support • av o id e r ro rs √ • c o n ve n ie n c e √ • full mouse support • jo y • validation I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 13
Features Imp ro ve inte ra ctio n s: • e ffic ie n cy √ • full keyboard support • av o id e r ro rs √ • c o n ve n ie n c e √ • full mouse support • jo y √ • validation • usability supporting animations I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 13
Features Imp ro ve inte ra ctio n s: • e ffic ie n cy √ • full keyboard support • av o id e r ro rs √ • c o n ve n ie n c e √ • full mouse support • jo y √ • validation • usability supporting animations • look & feel I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 13
Features Imp ro ve inte ra ctio n s: • e ffic ie n cy √ • full keyboard support • av o id e r ro rs √ • c o n ve n ie n c e √ • full mouse support • jo y √ • validation • usability supporting animations • look & feel I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 13
Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 18
"If you don't know where you are going, any road will get you there." from "Alice in Wonderland" Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 18
Tec hn ica l Go als: Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 18
Tec hn ica l Go als: A new fou ndation, for... Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 18
Tec hn ica l Go als: A new fou ndation, for... • intero per abi lity Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 18
Tec hn ica l Go als: A new fou ndation, for... • intero per abi lity • extens ibil ity (cu stomiz abi lity) Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 18
Tec hn ica l Go als: A new fou ndation, for... • intero per abi lity • extens ibil ity (cu stomiz abi lity) • ma int ain abi lity Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 18
Tec hn ica l Go als: A new fou ndation, for... • intero per abi lity • extens ibil ity (cu stomiz abi lity) • ma int ain abi lity Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 18
Today’s Architecture Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 19
Today’s Architecture Magnolia Admin Central Generated DHTML Client JavaScript Library CLIENT SERVER Pages, Trees, Dialogs, ... Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 19
Today’s Architecture Magnolia Admin Central Generated DHTML Client JavaScript Library CLIENT SERVER Pages, Trees, Dialogs, ... Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 19
Today’s Architecture Magnolia Admin Central Generated DHTML Client JavaScript Library CLIENT SERVER Pages, Trees, Dialogs, ... Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 19
Today’s Architecture Magnolia Admin Central Generated DHTML Client JavaScript Library „Ad-hoc“ CLIENT AJAX Communication SERVER Pages, Trees, Dialogs, ... Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 19
Today’s Architecture Magnolia Admin Central Generated DHTML Client JavaScript Library „Ad-hoc“ CLIENT AJAX Communication SERVER Pages, Trees, Dialogs, ... Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 19
Today’s Architecture Magnolia Admin Central Generated DHTML Client JavaScript Library „Ad-hoc“ AJAX CLIENT Communication SERVER Pages, Trees, Dialogs, ... Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 20
Today’s Architecture Magnolia Admin Central Generated "If you don't like how DHTML Client JavaScript Library things are, change it! „Ad-hoc“ You're not a tree." AJAX Communication CLIENT SERVER Jim Rohn Pages, Trees, Dialogs, ... Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 20
Features Overview Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 21
Features Overview G o a ls: • i n te ro p e r a b i l i t y • e x te n s i b i l i t y • m a i n t a i n a bi li t y Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 21
Features Overview G o a ls: • i n te ro p e r a b i l i t y • e x te n s i b i l i t y • decouple server & client • m a i n t a i n a bi li t y Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 21
Features Overview G o a ls: • i n te ro p e r a b i l i t y • e x te n s i b i l i t y • decouple server & client • m a i n t a i n a bi li t y • RESTful interface & protocol Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 21
Features Overview G o a ls: • i n te ro p e r a b i l i t y • e x te n s i b i l i t y • decouple server & client • m a i n t a i n a bi li t y • RESTful interface & protocol • generic JCR GUI Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 21
Features Overview G o a ls: • i n te ro p e r a b i l i t y • e x te n s i b i l i t y • decouple server & client • m a i n t a i n a bi li t y • RESTful interface & protocol • generic JCR GUI • modularized Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 21
Decouple Client and Server G o a ls: • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y √ Rich Client CLIENT SERVER Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 22
Decouple Client and Server G o a ls: • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y √ Rich Client CLIENT SERVER Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 22
Decouple Client and Server G o a ls: • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y √ Rich Client JavaScript GUI Widgets Framework Communication CLIENT SERVER Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 22
Decouple Client and Server G o a ls: • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y √ Rich Client JavaScript GUI Widgets Framework Communication CLIENT SERVER (Web) Services Data Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 22
Decouple Client and Server G o a ls: • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y √ Rich Client JavaScript GUI Widgets Framework Communication CLIENT SERVER (Web) Services Data Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 22
Decouple Client and Server G o a ls: • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y √ Rich Client JavaScript GUI Widgets Framework Communication CLIENT SERVER (Web) Services Data Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 22
RESTful Interface & Protocol G o a ls: • int e rop e ra bi l i t y √ • e x te n s i b i l i t y Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client HTTP HTTP Client CLIENT HTTP + JSON SERVER REST Services HTTP Interface Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 23
RESTful Interface & Protocol G o a ls: • int e rop e ra bi l i t y √ • e x te n s i b i l i t y Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client HTTP HTTP Client CLIENT HTTP + JSON Protocol SERVER REST Services HTTP Interface Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 23
RESTful Interface & Protocol G o a ls: • int e rop e ra bi l i t y √ • e x te n s i b i l i t y Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client HTTP HTTP Client CLIENT HTTP + JSON Protocol SERVER REST Services HTTP Interface Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 23
RESTful Interface & Protocol G o a ls: • int e rop e ra bi l i t y √ • e x te n s i b i l i t y Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client HTTP HTTP Client CLIENT HTTP + JSON Protocol SERVER REST Services HTTP Interface Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 23
RESTful Interface & Protocol G o a ls: • int e rop e ra bi l i t y √ • e x te n s i b i l i t y Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client HTTP HTTP Client CLIENT HTTP + JSON Protocol SERVER REST Services HTTP Interface Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 23
RESTful Interface & Protocol G o a ls: • int e rop e ra bi l i t y √ • e x te n s i b i l i t y Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client HTTP HTTP Client CLIENT HTTP + JSON Protocol SERVER REST Services HTTP Interface Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 23
Generic JCR GUI G o a ls: • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client HTTP HTTP Client CLIENT Protocol SERVER REST Services Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 24
Generic JCR GUI G o a ls: • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client HTTP HTTP Client CLIENT Protocol SERVER Adapter REST Services Sling API Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 24
Generic JCR GUI G o a ls: • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client HTTP HTTP Client CLIENT Protocol SERVER Adapter REST Services Sling API Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 24
Generic JCR GUI G o a ls: Ser vices • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client HTTP HTTP Client CLIENT SERVER ... REST Services ... Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 25
Generic JCR GUI G o a ls: Ser vices • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client HTTP HTTP Client CLIENT SERVER Datastore Service(s) ... REST Services ... Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 25
Generic JCR GUI G o a ls: Ser vices • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client HTTP HTTP Client CLIENT SERVER Datastore Service(s) ... REST Services ... Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 25
Generic JCR GUI G o a ls: Ser vices • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client HTTP HTTP Client CLIENT SERVER Datastore UI Config Service(s) Service ... REST Services ... Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 25
Generic JCR GUI G o a ls: Ser vices • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client HTTP HTTP Client CLIENT SERVER Datastore UI Config Service(s) Service ... REST Services ... Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 25
Generic JCR GUI G o a ls: Ser vices • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client HTTP HTTP Client CLIENT SERVER Datastore UI Config Service(s) Service ... REST Services ... Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 25
Generic JCR GUI G o a ls: UI Config Service • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client Widgets HTTP GUI CLIENT SERVER ... UI Config Service REST Services Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 26
Generic JCR GUI G o a ls: UI Config Service • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client Widgets HTTP GUI CLIENT SERVER Dialogs Actions Trees ... UI Config Service REST Services Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 26
Generic JCR GUI G o a ls: UI Config Service • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client Widgets HTTP GUI • register dialogs/actions... CLIENT • for paragraphs/templates SERVER • for node types • using metadata Dialogs Actions Trees • ... ... UI Config Service REST Services Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 26
Generic JCR GUI G o a ls: UI Config Service • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client Widgets HTTP GUI CLIENT SERVER Trees Actions Dialogs ... UI Config Service REST Services Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 27
Generic JCR GUI G o a ls: UI Config Service • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client Widgets HTTP GUI • dialogs defined by: CLIENT • Magnolia configuration • JCR node types SERVER • Java annotations Trees Actions Dialogs • programmatically ... UI Config Service REST Services Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 27
Generic JCR GUI G o a ls: UI Config Service • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client Widgets HTTP GUI CLIENT SERVER Trees Actions Dialogs ... UI Config Service REST Services Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 27
Modularization G o a ls: • i n te ro p e r a b i l i t y Magnolia Admin Central • e x te n s i b i l i t y √ • m a i n t a i n a bi li t y √ JavaScript GUI Widgets Framework Communication CLIENT SERVER REST Services Data UI Config Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 28
Modularization G o a ls: • i n te ro p e r a b i l i t y Magnolia Admin Central • e x te n s i b i l i t y √ • m a i n t a i n a bi li t y √ Admin Central JavaScript GUI Widgets Framework Communication CLIENT SERVER REST Services Data UI Config Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 28
Modularization G o a ls: • i n te ro p e r a b i l i t y Magnolia Admin Central • e x te n s i b i l i t y √ • m a i n t a i n a bi li t y √ Admin Central JavaScript GUI Widgets Framework Communication CLIENT SERVER REST Services Data UI Config Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 28
Modularization G o a ls: • i n te ro p e r a b i l i t y Magnolia Admin Central • e x te n s i b i l i t y √ • m a i n t a i n a bi li t y √ WCM DMS Inbox ... Admin Central JavaScript GUI Widgets Framework Communication CLIENT SERVER REST Services Data UI Config Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 28
Modularization G o a ls: • i n te ro p e r a b i l i t y Magnolia Admin Central • e x te n s i b i l i t y √ • m a i n t a i n a bi li t y √ WCM DMS Inbox ... Admin Central JavaScript GUI Widgets Framework Communication CLIENT SERVER REST Services Data UI Config Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 28
Architecture Big Picture G o a ls: • int e rop e ra bi l i t y √ Magnolia Admin Central • e x te n s i b i l i t y √ • m a i n t a i n a bi li t y √ WCM DMS Inbox ... Admin Central JavaScript GUI Widgets Framework Communication CLIENT SERVER REST Services Data UI Config Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 29
Architecture Big Picture G o a ls: • int e rop e ra bi l i t y √ Magnolia Admin Central • e x te n s i b i l i t y √ • m a i n t a i n a bi li t y √ WCM DMS Inbox ... Admin Central JavaScript GUI Widgets Framework Communication CLIENT SERVER REST Services Data UI Config Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 29
Technologies Considered G o a ls: • int e rop e ra bi l i t y √ Magnolia Admin Central • e x te n s i b i l i t y √ • m a i n t a i n a bi li t y √ WCM DMS Inbox ... Admin Central Google JavaScript Smart/Ext GWT GUI Widgets Web Framework Toolkit Communication CLIENT SERVER REST Services JAX-RS Data UI Config Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 30
Technologies Considered G o a ls: • int e rop e ra bi l i t y √ Magnolia Admin Central • e x te n s i b i l i t y √ • m a i n t a i n a bi li t y √ WCM DMS Inbox ... Admin Central Google Smart/Ext GWT GUI Widgets Web Toolkit Communication CLIENT SERVER REST Services JAX-RS Data UI Config Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 30
Technologies Considered G o a ls: • int e rop e ra bi l i t y √ Magnolia Admin Central • e x te n s i b i l i t y √ • m a i n t a i n a bi li t y √ WCM DMS Inbox ... Admin Central Google Smart/Ext GWT GUI Widgets Web Toolkit Communication CLIENT SERVER REST Services JAX-RS Data UI Config Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 30
Technologies Considered G o a ls: • int e rop e ra bi l i t y √ Magnolia Admin Central • e x te n s i b i l i t y √ • m a i n t a i n a bi li t y √ WCM DMS Inbox ... Admin Central Google Smart/Ext GWT GUI Widgets Web Toolkit Communication CLIENT SERVER REST Services JAX-RS Data UI Config Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 30
Technologies Considered G o a ls: • int e rop e ra bi l i t y √ Magnolia Admin Central • e x te n s i b i l i t y √ • m a i n t a i n a bi li t y √ WCM DMS Inbox ... Admin Central Google Smart/Ext GWT Web Toolkit Communication CLIENT SERVER REST Services JAX-RS Data UI Config Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 30
Technologies Considered G o a ls: • int e rop e ra bi l i t y √ Magnolia Admin Central • e x te n s i b i l i t y √ • m a i n t a i n a bi li t y √ WCM DMS Inbox ... Admin Central Google Smart/Ext GWT Web Toolkit Communication CLIENT SERVER JAX-RS Data UI Config Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 30
Technologies Considered G o a ls: • int e rop e ra bi l i t y √ Magnolia Admin Central • e x te n s i b i l i t y √ • m a i n t a i n a bi li t y √ WCM DMS Inbox ... Admin Central Google Smart/Ext GWT Web Toolkit Communication CLIENT SERVER JAX-RS Data UI Config Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 30
Technologies Considered G o a ls: • int e rop e ra bi l i t y √ Magnolia Admin Central • e x te n s i b i l i t y √ • m a i n t a i n a bi li t y √ WCM DMS Inbox ... Admin Central Google Smart/Ext GWT Web Toolkit Communication CLIENT SERVER JAX-RS Data UI Config Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 31
© Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 32
R o ad m ap? © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 32
"Begin at the beginning and go on till you come to the end: then stop." from "Alice in Wonderland" R o ad m ap? © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 32
© Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 33
"The difference between ordinary and extraordinary is that little extra." Jimmy Johnson Summary The round up: what you should remember. © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 33
Summary Imp ro ve inte ra ctio n s: • e ffic ie n cy √ • av o id e r ro rs √ • c o n ve n ie n c e √ • jo y √ I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 34
Summary Imp ro ve inte ra ctio n s: • full keyboard support • e ffic ie n cy √ • full mouse support • av o id e r ro rs √ • c o n ve n ie n c e √ • validation • jo y √ • look & feel I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 34
Summary Te c h n ic a l g o a ls: • i n te ro p e r a b i l i t y √ • e x te n s i b i l i t y √ • ma i n t a i n a bi li t y √ Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 35
Summary Te c h n ic a l g o a ls: • i n te ro p e r a b i l i t y √ • decouple client & server • e x te n s i b i l i t y √ • generic JCR GUI • ma i n t a i n a bi li t y √ • GWT • REST (JAX-RS) Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 35
Q u e stio n s? An d an swers . © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 36
© Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 37
Te c h n ic a l g o a ls: • i n te ro p e r a b i l i t y √ • e x te n s i b i l i t y √ Imp ro ve inte ra ctio n s: • ma i n t a i n a bi li t y √ • e ffic ie n cy √ • av o id e r ro rs √ • c o n ve n ie n c e √ • jo y √ T he En d Tha nks for you r attent ion ! © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 37
Te c h n ic a l g o a ls: • i n te ro p e r a b i l i t y √ • e x te n s i b i l i t y √ Imp ro ve inte ra ctio n s: • ma i n t a i n a bi li t y √ • e ffic ie n cy √ • av o id e r ro rs √ • c o n ve n ie n c e √ • jo y √ T he En d Tha nks for you r attent ion ! © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 37

Recommended

Sorbetes Markman
Sorbetes MarkmanSorbetes Markman
Sorbetes Markman
restyrmines
 
Alaska milk corp swot analysis
Alaska milk corp swot analysisAlaska milk corp swot analysis
Alaska milk corp swot analysis
Vic Verra
 
NoCMS - from monolithic CMS to dissolved CMS
NoCMS - from monolithic CMS to dissolved CMSNoCMS - from monolithic CMS to dissolved CMS
NoCMS - from monolithic CMS to dissolved CMS
Philipp Bärfuss
 
Magnolia Personalization Keynote Amplify 2014
Magnolia Personalization Keynote Amplify 2014Magnolia Personalization Keynote Amplify 2014
Magnolia Personalization Keynote Amplify 2014
Philipp Bärfuss
 
Magnolia 5 - Under the Hood
Magnolia 5 - Under the HoodMagnolia 5 - Under the Hood
Magnolia 5 - Under the Hood
Philipp Bärfuss
 
Magnolia CMS 5.0 - Architecture
Magnolia CMS 5.0 - ArchitectureMagnolia CMS 5.0 - Architecture
Magnolia CMS 5.0 - Architecture
Philipp Bärfuss
 
Magnolia CMS 5.0 - Overview
Magnolia CMS 5.0 - OverviewMagnolia CMS 5.0 - Overview
Magnolia CMS 5.0 - Overview
Philipp Bärfuss
 
Magnolia CMS 5.0 - UI Architecture
Magnolia CMS 5.0 - UI ArchitectureMagnolia CMS 5.0 - UI Architecture
Magnolia CMS 5.0 - UI Architecture
Philipp Bärfuss
 

Recommended

Sorbetes Markman
Sorbetes MarkmanSorbetes Markman
Sorbetes Markman
restyrmines
 
Alaska milk corp swot analysis
Alaska milk corp swot analysisAlaska milk corp swot analysis
Alaska milk corp swot analysis
Vic Verra
 
NoCMS - from monolithic CMS to dissolved CMS
NoCMS - from monolithic CMS to dissolved CMSNoCMS - from monolithic CMS to dissolved CMS
NoCMS - from monolithic CMS to dissolved CMS
Philipp Bärfuss
 
Magnolia Personalization Keynote Amplify 2014
Magnolia Personalization Keynote Amplify 2014Magnolia Personalization Keynote Amplify 2014
Magnolia Personalization Keynote Amplify 2014
Philipp Bärfuss
 
Magnolia 5 - Under the Hood
Magnolia 5 - Under the HoodMagnolia 5 - Under the Hood
Magnolia 5 - Under the Hood
Philipp Bärfuss
 
Magnolia CMS 5.0 - Architecture
Magnolia CMS 5.0 - ArchitectureMagnolia CMS 5.0 - Architecture
Magnolia CMS 5.0 - Architecture
Philipp Bärfuss
 
Magnolia CMS 5.0 - Overview
Magnolia CMS 5.0 - OverviewMagnolia CMS 5.0 - Overview
Magnolia CMS 5.0 - Overview
Philipp Bärfuss
 
Magnolia CMS 5.0 - UI Architecture
Magnolia CMS 5.0 - UI ArchitectureMagnolia CMS 5.0 - UI Architecture
Magnolia CMS 5.0 - UI Architecture
Philipp Bärfuss
 
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
FIDO Alliance
 
Google I/O Extended 2024 Warsaw
Google I/O Extended 2024 WarsawGoogle I/O Extended 2024 Warsaw
Google I/O Extended 2024 Warsaw
GDSC PJATK
 
Oauth 2.0 Introduction and Flows with MuleSoft
Oauth 2.0 Introduction and Flows with MuleSoftOauth 2.0 Introduction and Flows with MuleSoft
Oauth 2.0 Introduction and Flows with MuleSoft
shyamraj55
 
Collecting & Temporal Analysis of Behavioral Web Data - Tales From The Inside
Collecting & Temporal Analysis of Behavioral Web Data - Tales From The InsideCollecting & Temporal Analysis of Behavioral Web Data - Tales From The Inside
Collecting & Temporal Analysis of Behavioral Web Data - Tales From The Inside
Stefan Dietze
 
Intro to Passkeys and the State of Passwordless.pptx
Intro to Passkeys and the State of Passwordless.pptxIntro to Passkeys and the State of Passwordless.pptx
Intro to Passkeys and the State of Passwordless.pptx
FIDO Alliance
 
TopCryptoSupers 12thReport OrionX May2024
TopCryptoSupers 12thReport OrionX May2024TopCryptoSupers 12thReport OrionX May2024
TopCryptoSupers 12thReport OrionX May2024
Stephen Perrenod
 
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdfHow Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
FIDO Alliance
 
Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...
Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...
Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...
ScyllaDB
 
Microsoft CSP Briefing Pre-Engagement - Questionnaire
Microsoft CSP Briefing Pre-Engagement - QuestionnaireMicrosoft CSP Briefing Pre-Engagement - Questionnaire
Microsoft CSP Briefing Pre-Engagement - Questionnaire
Exakis Nelite
 
Intro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджераIntro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджера
Mark Opanasiuk
 
Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider Progress from Awareness to Implementation.pptxTales from a Passkey Provider Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
FIDO Alliance
 
Overview of Hyperledger Foundation
Overview of Hyperledger FoundationOverview of Hyperledger Foundation
Overview of Hyperledger Foundation
Hyperleger Tokyo Meetup
 
2024 May Patch Tuesday
2024 May Patch Tuesday2024 May Patch Tuesday
2024 May Patch Tuesday
Ivanti
 
State of the Smart Building Startup Landscape 2024!
State of the Smart Building Startup Landscape 2024!State of the Smart Building Startup Landscape 2024!
State of the Smart Building Startup Landscape 2024!
Memoori
 
Long journey of Ruby Standard library at RubyKaigi 2024
Long journey of Ruby Standard library at RubyKaigi 2024Long journey of Ruby Standard library at RubyKaigi 2024
Long journey of Ruby Standard library at RubyKaigi 2024
Hiroshi SHIBATA
 
Structuring Teams and Portfolios for Success
Structuring Teams and Portfolios for SuccessStructuring Teams and Portfolios for Success
Structuring Teams and Portfolios for Success
UXDXConf
 
Working together SRE & Platform Engineering
Working together SRE & Platform EngineeringWorking together SRE & Platform Engineering
Working together SRE & Platform Engineering
Marcus Vechiato
 
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdfThe Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
FIDO Alliance
 
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptxHarnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx
FIDO Alliance
 
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
FIDO Alliance
 
2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
Marius Sescu
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
Expeed Software
 

More Related Content

Recently uploaded

TopCryptoSupers 12thReport OrionX May2024
TopCryptoSupers 12thReport OrionX May2024TopCryptoSupers 12thReport OrionX May2024
TopCryptoSupers 12thReport OrionX May2024
Stephen Perrenod
 
Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider Progress from Awareness to Implementation.pptxTales from a Passkey Provider Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
FIDO Alliance
 
Long journey of Ruby Standard library at RubyKaigi 2024
Long journey of Ruby Standard library at RubyKaigi 2024Long journey of Ruby Standard library at RubyKaigi 2024
Long journey of Ruby Standard library at RubyKaigi 2024
Hiroshi SHIBATA
 
Structuring Teams and Portfolios for Success
Structuring Teams and Portfolios for SuccessStructuring Teams and Portfolios for Success
Structuring Teams and Portfolios for Success
UXDXConf
 
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptxHarnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx
FIDO Alliance
 

Recently uploaded (20)

ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
 
Google I/O Extended 2024 Warsaw
Google I/O Extended 2024 WarsawGoogle I/O Extended 2024 Warsaw
Google I/O Extended 2024 Warsaw
 
Oauth 2.0 Introduction and Flows with MuleSoft
Oauth 2.0 Introduction and Flows with MuleSoftOauth 2.0 Introduction and Flows with MuleSoft
Oauth 2.0 Introduction and Flows with MuleSoft
 
Collecting & Temporal Analysis of Behavioral Web Data - Tales From The Inside
Collecting & Temporal Analysis of Behavioral Web Data - Tales From The InsideCollecting & Temporal Analysis of Behavioral Web Data - Tales From The Inside
Collecting & Temporal Analysis of Behavioral Web Data - Tales From The Inside
 
Intro to Passkeys and the State of Passwordless.pptx
Intro to Passkeys and the State of Passwordless.pptxIntro to Passkeys and the State of Passwordless.pptx
Intro to Passkeys and the State of Passwordless.pptx
 
TopCryptoSupers 12thReport OrionX May2024
TopCryptoSupers 12thReport OrionX May2024TopCryptoSupers 12thReport OrionX May2024
TopCryptoSupers 12thReport OrionX May2024
 
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdfHow Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
 
Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...
Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...
Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...
 
Microsoft CSP Briefing Pre-Engagement - Questionnaire
Microsoft CSP Briefing Pre-Engagement - QuestionnaireMicrosoft CSP Briefing Pre-Engagement - Questionnaire
Microsoft CSP Briefing Pre-Engagement - Questionnaire
 
Intro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджераIntro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджера
 
Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider Progress from Awareness to Implementation.pptxTales from a Passkey Provider Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
 
Overview of Hyperledger Foundation
Overview of Hyperledger FoundationOverview of Hyperledger Foundation
Overview of Hyperledger Foundation
 
2024 May Patch Tuesday
2024 May Patch Tuesday2024 May Patch Tuesday
2024 May Patch Tuesday
 
State of the Smart Building Startup Landscape 2024!
State of the Smart Building Startup Landscape 2024!State of the Smart Building Startup Landscape 2024!
State of the Smart Building Startup Landscape 2024!
 
Long journey of Ruby Standard library at RubyKaigi 2024
Long journey of Ruby Standard library at RubyKaigi 2024Long journey of Ruby Standard library at RubyKaigi 2024
Long journey of Ruby Standard library at RubyKaigi 2024
 
Structuring Teams and Portfolios for Success
Structuring Teams and Portfolios for SuccessStructuring Teams and Portfolios for Success
Structuring Teams and Portfolios for Success
 
Working together SRE & Platform Engineering
Working together SRE & Platform EngineeringWorking together SRE & Platform Engineering
Working together SRE & Platform Engineering
 
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdfThe Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
 
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptxHarnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx
 
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
 

Featured

How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
SpeakerHub
 

Featured (20)

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity - Best PracticesTime Management & Productivity - Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 

Magnolia 5.0 'GenUIne'

  • 1. Magnolia "GenUIne" An Over view by Vivian Steller and Philipp Bärfuß Magnolia International Ltd. © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 1
  • 2. Today's Presentation Intentions of this talk • main ideas • spirit • not too "geeky" © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 2
  • 3. Overview • Placement and Motivation • Interface Design Trail • Technological Trail • Summary and Q&A © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 3
  • 4. © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 4
  • 5. Magnolia Evolution "Not turning everything topsy-tur vy." © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 4
  • 6. Placement © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 5
  • 7. Placement © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 5
  • 8. Placement ili g ab din ty us an t ts ou © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 5
  • 9. Placement ili g M , D n ab din , io S ty w t us an lo iza t kf ar ts ou or l w odu m © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 5
  • 10. ou ts t us an ab din ili g m ty Placement w odu or l kf ar lo iza w t © Copyright 2009 by Magnolia International Ltd. , io D n M , ar S up c da hit te ec s, tu I1 re 8n , Magnolia GenUIne | 5
  • 11. ou ts t us an ab din ili g m ty Placement w odu or l kf ar lo iza w t © Copyright 2009 by Magnolia International Ltd. , io D n M , ar S up c da hit te ec s, tu I1 re en 8n , te p rp er ris fo e rm fe a at nc ur e, es Magnolia GenUIne | 5
  • 12. ou ts t us an ab din ili g m ty Placement w odu or l kf ar lo iza w t © Copyright 2009 by Magnolia International Ltd. , io D n M , ar S up c da hit te ec s, tu I1 re en 8n , te p rp er ris fo e rm fe a at nc ur e, es te m pl a tin g Magnolia GenUIne | 5
  • 13. ou ts t us an ab din ili g m ty Placement w odu or l kf ar lo iza w t © Copyright 2009 by Magnolia International Ltd. , io D n M , ar S up c da hit te ec s, tu I1 re en 8n , te p rp er ris fo e rm fe a at nc ur e, es te m pl a tin g in te u ro sa pe b ra ilit bi y lit & y Magnolia GenUIne | 5
  • 14. Motivations © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 6
  • 15. Motivations • usability © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 6
  • 16. Motivations • usability • too many pitfalls © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 6
  • 17. Motivations • usability • too many pitfalls • missing features © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 6
  • 18. Motivations • usability • too many pitfalls • missing features • incomplete experience © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 6
  • 19. Motivations • usability • too many pitfalls • missing features • incomplete experience © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 6
  • 20. Motivations • usability • too many pitfalls • missing features • incomplete experience © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 6
  • 21. Motivations • usability • too many pitfalls • missing features • incomplete experience • maintainability © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 6
  • 22. Motivations • usability • too many pitfalls • missing features • incomplete experience • maintainability • technology mix © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 6
  • 23. Motivations • usability • too many pitfalls • missing features • incomplete experience • maintainability • technology mix • self-cooked JS-library © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 6
  • 24. Motivations • usability • too many pitfalls • missing features • incomplete experience • maintainability • technology mix • self-cooked JS-library • consequences © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 6
  • 25. © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 7
  • 26. Goals & Features More than just "surface cosmetics." © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 7
  • 27. Goals & Features More than just "surface cosmetics." © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 7
  • 28. Goals & Features More than just "surface cosmetics." © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 7
  • 29. I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 8
  • 30. Improve interactions. I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 8
  • 31. Improve interactions. I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 8
  • 32. Improve interactions. I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 8
  • 33. I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 9
  • 34. Work more efficient. I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 9
  • 35. Work more efficient. I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 9
  • 36. Work more efficient. I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 9
  • 37. I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 10
  • 38. Make less mistakes. I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 10
  • 39. Make less mistakes. I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 10
  • 40. I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 11
  • 41. Make it more convenient. I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 11
  • 42. Make it more convenient. I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 11
  • 43. I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 12
  • 44. Work with more joy. I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 12
  • 45. Features I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 13
  • 46. Features Imp ro ve inte ra ctio n s: • e ffic ie n cy • av o id e r ro rs • c o n ve n ie n c e • jo y I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 13
  • 47. Features Imp ro ve inte ra ctio n s: • e ffic ie n cy √ • full keyboard support • av o id e r ro rs • c o n ve n ie n c e • jo y I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 13
  • 48. Features Imp ro ve inte ra ctio n s: • e ffic ie n cy √ • full keyboard support • av o id e r ro rs • c o n ve n ie n c e √ • full mouse support • jo y I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 13
  • 49. Features Imp ro ve inte ra ctio n s: • e ffic ie n cy √ • full keyboard support • av o id e r ro rs √ • c o n ve n ie n c e √ • full mouse support • jo y • validation I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 13
  • 50. Features Imp ro ve inte ra ctio n s: • e ffic ie n cy √ • full keyboard support • av o id e r ro rs √ • c o n ve n ie n c e √ • full mouse support • jo y √ • validation • usability supporting animations I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 13
  • 51. Features Imp ro ve inte ra ctio n s: • e ffic ie n cy √ • full keyboard support • av o id e r ro rs √ • c o n ve n ie n c e √ • full mouse support • jo y √ • validation • usability supporting animations • look & feel I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 13
  • 52. Features Imp ro ve inte ra ctio n s: • e ffic ie n cy √ • full keyboard support • av o id e r ro rs √ • c o n ve n ie n c e √ • full mouse support • jo y √ • validation • usability supporting animations • look & feel I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 13
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59. Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 18
  • 60. "If you don't know where you are going, any road will get you there." from "Alice in Wonderland" Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 18
  • 61. Tec hn ica l Go als: Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 18
  • 62. Tec hn ica l Go als: A new fou ndation, for... Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 18
  • 63. Tec hn ica l Go als: A new fou ndation, for... • intero per abi lity Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 18
  • 64. Tec hn ica l Go als: A new fou ndation, for... • intero per abi lity • extens ibil ity (cu stomiz abi lity) Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 18
  • 65. Tec hn ica l Go als: A new fou ndation, for... • intero per abi lity • extens ibil ity (cu stomiz abi lity) • ma int ain abi lity Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 18
  • 66. Tec hn ica l Go als: A new fou ndation, for... • intero per abi lity • extens ibil ity (cu stomiz abi lity) • ma int ain abi lity Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 18
  • 67. Today’s Architecture Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 19
  • 68. Today’s Architecture Magnolia Admin Central Generated DHTML Client JavaScript Library CLIENT SERVER Pages, Trees, Dialogs, ... Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 19
  • 69. Today’s Architecture Magnolia Admin Central Generated DHTML Client JavaScript Library CLIENT SERVER Pages, Trees, Dialogs, ... Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 19
  • 70. Today’s Architecture Magnolia Admin Central Generated DHTML Client JavaScript Library CLIENT SERVER Pages, Trees, Dialogs, ... Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 19
  • 71. Today’s Architecture Magnolia Admin Central Generated DHTML Client JavaScript Library „Ad-hoc“ CLIENT AJAX Communication SERVER Pages, Trees, Dialogs, ... Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 19
  • 72. Today’s Architecture Magnolia Admin Central Generated DHTML Client JavaScript Library „Ad-hoc“ CLIENT AJAX Communication SERVER Pages, Trees, Dialogs, ... Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 19
  • 73. Today’s Architecture Magnolia Admin Central Generated DHTML Client JavaScript Library „Ad-hoc“ AJAX CLIENT Communication SERVER Pages, Trees, Dialogs, ... Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 20
  • 74. Today’s Architecture Magnolia Admin Central Generated "If you don't like how DHTML Client JavaScript Library things are, change it! „Ad-hoc“ You're not a tree." AJAX Communication CLIENT SERVER Jim Rohn Pages, Trees, Dialogs, ... Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 20
  • 75. Features Overview Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 21
  • 76. Features Overview G o a ls: • i n te ro p e r a b i l i t y • e x te n s i b i l i t y • m a i n t a i n a bi li t y Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 21
  • 77. Features Overview G o a ls: • i n te ro p e r a b i l i t y • e x te n s i b i l i t y • decouple server & client • m a i n t a i n a bi li t y Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 21
  • 78. Features Overview G o a ls: • i n te ro p e r a b i l i t y • e x te n s i b i l i t y • decouple server & client • m a i n t a i n a bi li t y • RESTful interface & protocol Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 21
  • 79. Features Overview G o a ls: • i n te ro p e r a b i l i t y • e x te n s i b i l i t y • decouple server & client • m a i n t a i n a bi li t y • RESTful interface & protocol • generic JCR GUI Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 21
  • 80. Features Overview G o a ls: • i n te ro p e r a b i l i t y • e x te n s i b i l i t y • decouple server & client • m a i n t a i n a bi li t y • RESTful interface & protocol • generic JCR GUI • modularized Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 21
  • 81. Decouple Client and Server G o a ls: • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y √ Rich Client CLIENT SERVER Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 22
  • 82. Decouple Client and Server G o a ls: • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y √ Rich Client CLIENT SERVER Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 22
  • 83. Decouple Client and Server G o a ls: • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y √ Rich Client JavaScript GUI Widgets Framework Communication CLIENT SERVER Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 22
  • 84. Decouple Client and Server G o a ls: • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y √ Rich Client JavaScript GUI Widgets Framework Communication CLIENT SERVER (Web) Services Data Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 22
  • 85. Decouple Client and Server G o a ls: • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y √ Rich Client JavaScript GUI Widgets Framework Communication CLIENT SERVER (Web) Services Data Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 22
  • 86. Decouple Client and Server G o a ls: • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y √ Rich Client JavaScript GUI Widgets Framework Communication CLIENT SERVER (Web) Services Data Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 22
  • 87. RESTful Interface & Protocol G o a ls: • int e rop e ra bi l i t y √ • e x te n s i b i l i t y Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client HTTP HTTP Client CLIENT HTTP + JSON SERVER REST Services HTTP Interface Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 23
  • 88. RESTful Interface & Protocol G o a ls: • int e rop e ra bi l i t y √ • e x te n s i b i l i t y Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client HTTP HTTP Client CLIENT HTTP + JSON Protocol SERVER REST Services HTTP Interface Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 23
  • 89. RESTful Interface & Protocol G o a ls: • int e rop e ra bi l i t y √ • e x te n s i b i l i t y Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client HTTP HTTP Client CLIENT HTTP + JSON Protocol SERVER REST Services HTTP Interface Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 23
  • 90. RESTful Interface & Protocol G o a ls: • int e rop e ra bi l i t y √ • e x te n s i b i l i t y Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client HTTP HTTP Client CLIENT HTTP + JSON Protocol SERVER REST Services HTTP Interface Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 23
  • 91. RESTful Interface & Protocol G o a ls: • int e rop e ra bi l i t y √ • e x te n s i b i l i t y Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client HTTP HTTP Client CLIENT HTTP + JSON Protocol SERVER REST Services HTTP Interface Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 23
  • 92. RESTful Interface & Protocol G o a ls: • int e rop e ra bi l i t y √ • e x te n s i b i l i t y Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client HTTP HTTP Client CLIENT HTTP + JSON Protocol SERVER REST Services HTTP Interface Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 23
  • 93. Generic JCR GUI G o a ls: • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client HTTP HTTP Client CLIENT Protocol SERVER REST Services Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 24
  • 94. Generic JCR GUI G o a ls: • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client HTTP HTTP Client CLIENT Protocol SERVER Adapter REST Services Sling API Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 24
  • 95. Generic JCR GUI G o a ls: • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client HTTP HTTP Client CLIENT Protocol SERVER Adapter REST Services Sling API Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 24
  • 96. Generic JCR GUI G o a ls: Ser vices • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client HTTP HTTP Client CLIENT SERVER ... REST Services ... Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 25
  • 97. Generic JCR GUI G o a ls: Ser vices • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client HTTP HTTP Client CLIENT SERVER Datastore Service(s) ... REST Services ... Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 25
  • 98. Generic JCR GUI G o a ls: Ser vices • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client HTTP HTTP Client CLIENT SERVER Datastore Service(s) ... REST Services ... Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 25
  • 99. Generic JCR GUI G o a ls: Ser vices • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client HTTP HTTP Client CLIENT SERVER Datastore UI Config Service(s) Service ... REST Services ... Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 25
  • 100. Generic JCR GUI G o a ls: Ser vices • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client HTTP HTTP Client CLIENT SERVER Datastore UI Config Service(s) Service ... REST Services ... Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 25
  • 101. Generic JCR GUI G o a ls: Ser vices • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client HTTP HTTP Client CLIENT SERVER Datastore UI Config Service(s) Service ... REST Services ... Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 25
  • 102. Generic JCR GUI G o a ls: UI Config Service • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client Widgets HTTP GUI CLIENT SERVER ... UI Config Service REST Services Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 26
  • 103. Generic JCR GUI G o a ls: UI Config Service • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client Widgets HTTP GUI CLIENT SERVER Dialogs Actions Trees ... UI Config Service REST Services Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 26
  • 104. Generic JCR GUI G o a ls: UI Config Service • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client Widgets HTTP GUI • register dialogs/actions... CLIENT • for paragraphs/templates SERVER • for node types • using metadata Dialogs Actions Trees • ... ... UI Config Service REST Services Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 26
  • 105. Generic JCR GUI G o a ls: UI Config Service • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client Widgets HTTP GUI CLIENT SERVER Trees Actions Dialogs ... UI Config Service REST Services Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 27
  • 106. Generic JCR GUI G o a ls: UI Config Service • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client Widgets HTTP GUI • dialogs defined by: CLIENT • Magnolia configuration • JCR node types SERVER • Java annotations Trees Actions Dialogs • programmatically ... UI Config Service REST Services Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 27
  • 107. Generic JCR GUI G o a ls: UI Config Service • int e rop e ra bi l i t y √ • e x te n s i b i l i t y √ Magnolia Admin Central • m a i n t a i n a bi li t y REST Enabled Rich Client JS Framework Client Widgets HTTP GUI CLIENT SERVER Trees Actions Dialogs ... UI Config Service REST Services Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 27
  • 108. Modularization G o a ls: • i n te ro p e r a b i l i t y Magnolia Admin Central • e x te n s i b i l i t y √ • m a i n t a i n a bi li t y √ JavaScript GUI Widgets Framework Communication CLIENT SERVER REST Services Data UI Config Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 28
  • 109. Modularization G o a ls: • i n te ro p e r a b i l i t y Magnolia Admin Central • e x te n s i b i l i t y √ • m a i n t a i n a bi li t y √ Admin Central JavaScript GUI Widgets Framework Communication CLIENT SERVER REST Services Data UI Config Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 28
  • 110. Modularization G o a ls: • i n te ro p e r a b i l i t y Magnolia Admin Central • e x te n s i b i l i t y √ • m a i n t a i n a bi li t y √ Admin Central JavaScript GUI Widgets Framework Communication CLIENT SERVER REST Services Data UI Config Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 28
  • 111. Modularization G o a ls: • i n te ro p e r a b i l i t y Magnolia Admin Central • e x te n s i b i l i t y √ • m a i n t a i n a bi li t y √ WCM DMS Inbox ... Admin Central JavaScript GUI Widgets Framework Communication CLIENT SERVER REST Services Data UI Config Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 28
  • 112. Modularization G o a ls: • i n te ro p e r a b i l i t y Magnolia Admin Central • e x te n s i b i l i t y √ • m a i n t a i n a bi li t y √ WCM DMS Inbox ... Admin Central JavaScript GUI Widgets Framework Communication CLIENT SERVER REST Services Data UI Config Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 28
  • 113. Architecture Big Picture G o a ls: • int e rop e ra bi l i t y √ Magnolia Admin Central • e x te n s i b i l i t y √ • m a i n t a i n a bi li t y √ WCM DMS Inbox ... Admin Central JavaScript GUI Widgets Framework Communication CLIENT SERVER REST Services Data UI Config Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 29
  • 114. Architecture Big Picture G o a ls: • int e rop e ra bi l i t y √ Magnolia Admin Central • e x te n s i b i l i t y √ • m a i n t a i n a bi li t y √ WCM DMS Inbox ... Admin Central JavaScript GUI Widgets Framework Communication CLIENT SERVER REST Services Data UI Config Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 29
  • 115. Technologies Considered G o a ls: • int e rop e ra bi l i t y √ Magnolia Admin Central • e x te n s i b i l i t y √ • m a i n t a i n a bi li t y √ WCM DMS Inbox ... Admin Central Google JavaScript Smart/Ext GWT GUI Widgets Web Framework Toolkit Communication CLIENT SERVER REST Services JAX-RS Data UI Config Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 30
  • 116. Technologies Considered G o a ls: • int e rop e ra bi l i t y √ Magnolia Admin Central • e x te n s i b i l i t y √ • m a i n t a i n a bi li t y √ WCM DMS Inbox ... Admin Central Google Smart/Ext GWT GUI Widgets Web Toolkit Communication CLIENT SERVER REST Services JAX-RS Data UI Config Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 30
  • 117. Technologies Considered G o a ls: • int e rop e ra bi l i t y √ Magnolia Admin Central • e x te n s i b i l i t y √ • m a i n t a i n a bi li t y √ WCM DMS Inbox ... Admin Central Google Smart/Ext GWT GUI Widgets Web Toolkit Communication CLIENT SERVER REST Services JAX-RS Data UI Config Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 30
  • 118. Technologies Considered G o a ls: • int e rop e ra bi l i t y √ Magnolia Admin Central • e x te n s i b i l i t y √ • m a i n t a i n a bi li t y √ WCM DMS Inbox ... Admin Central Google Smart/Ext GWT GUI Widgets Web Toolkit Communication CLIENT SERVER REST Services JAX-RS Data UI Config Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 30
  • 119. Technologies Considered G o a ls: • int e rop e ra bi l i t y √ Magnolia Admin Central • e x te n s i b i l i t y √ • m a i n t a i n a bi li t y √ WCM DMS Inbox ... Admin Central Google Smart/Ext GWT Web Toolkit Communication CLIENT SERVER REST Services JAX-RS Data UI Config Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 30
  • 120. Technologies Considered G o a ls: • int e rop e ra bi l i t y √ Magnolia Admin Central • e x te n s i b i l i t y √ • m a i n t a i n a bi li t y √ WCM DMS Inbox ... Admin Central Google Smart/Ext GWT Web Toolkit Communication CLIENT SERVER JAX-RS Data UI Config Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 30
  • 121. Technologies Considered G o a ls: • int e rop e ra bi l i t y √ Magnolia Admin Central • e x te n s i b i l i t y √ • m a i n t a i n a bi li t y √ WCM DMS Inbox ... Admin Central Google Smart/Ext GWT Web Toolkit Communication CLIENT SERVER JAX-RS Data UI Config Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 30
  • 122. Technologies Considered G o a ls: • int e rop e ra bi l i t y √ Magnolia Admin Central • e x te n s i b i l i t y √ • m a i n t a i n a bi li t y √ WCM DMS Inbox ... Admin Central Google Smart/Ext GWT Web Toolkit Communication CLIENT SERVER JAX-RS Data UI Config Magnolia API Magnolia Server Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 31
  • 123. © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 32
  • 124. R o ad m ap? © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 32
  • 125. "Begin at the beginning and go on till you come to the end: then stop." from "Alice in Wonderland" R o ad m ap? © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 32
  • 126. © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 33
  • 127. "The difference between ordinary and extraordinary is that little extra." Jimmy Johnson Summary The round up: what you should remember. © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 33
  • 128. Summary Imp ro ve inte ra ctio n s: • e ffic ie n cy √ • av o id e r ro rs √ • c o n ve n ie n c e √ • jo y √ I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 34
  • 129. Summary Imp ro ve inte ra ctio n s: • full keyboard support • e ffic ie n cy √ • full mouse support • av o id e r ro rs √ • c o n ve n ie n c e √ • validation • jo y √ • look & feel I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 34
  • 130. Summary Te c h n ic a l g o a ls: • i n te ro p e r a b i l i t y √ • e x te n s i b i l i t y √ • ma i n t a i n a bi li t y √ Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 35
  • 131. Summary Te c h n ic a l g o a ls: • i n te ro p e r a b i l i t y √ • decouple client & server • e x te n s i b i l i t y √ • generic JCR GUI • ma i n t a i n a bi li t y √ • GWT • REST (JAX-RS) Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 35
  • 132. Q u e stio n s? An d an swers . © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 36
  • 133. © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 37
  • 134. Te c h n ic a l g o a ls: • i n te ro p e r a b i l i t y √ • e x te n s i b i l i t y √ Imp ro ve inte ra ctio n s: • ma i n t a i n a bi li t y √ • e ffic ie n cy √ • av o id e r ro rs √ • c o n ve n ie n c e √ • jo y √ T he En d Tha nks for you r attent ion ! © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 37
  • 135. Te c h n ic a l g o a ls: • i n te ro p e r a b i l i t y √ • e x te n s i b i l i t y √ Imp ro ve inte ra ctio n s: • ma i n t a i n a bi li t y √ • e ffic ie n cy √ • av o id e r ro rs √ • c o n ve n ie n c e √ • jo y √ T he En d Tha nks for you r attent ion ! © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 37