SlideShare une entreprise Scribd 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.

TechnologieDivertissement et humour
1  sur  135
Télécharger pour lire hors ligne
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

Recommandé

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
 

Recommandé

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
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
Product Anonymous
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Edi Saputra
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
ThousandEyes
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
Andrey Devyatkin
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
Igalia
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
jfdjdjcjdnsjd
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
The Digital Insurer
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
The Digital Insurer
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
debabhi2
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
Radu Cotescu
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
DianaGray10
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
Gabriella Davis
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
UK Journal
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Juan lago vázquez
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Safe Software
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
apidays
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
Remote DBA Services
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
Rafal Los
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Principled Technologies
 
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
 

Contenu connexe

Dernier

Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
Igalia
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
UK Journal
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Safe Software
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Principled Technologies
 

Dernier (20)

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 

En vedette

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
 

En vedette (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