magnolia 5 - under the hood
DESCRIPTION
TRANSCRIPT
![Page 1: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/1.jpg)
Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0
Philipp Bärfuss, Head of Product Development 05.03.2013 at Miami Amplify
Magnolia 5 - Under The Hood
1
![Page 2: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/2.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
The Map
The MeThe StoryThe ApproachThe ResultThe Takeaways
2
![Page 3: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/3.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
The Me
3
Philipp Bärfuss
36 years, Swiss
![Page 4: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/4.jpg)
Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0
The legacy is me
4
for 8 years working on the Magnolia CMS
![Page 5: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/5.jpg)
Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0
One must still have chaos in oneself to be able to give birth to a dancing star.
[Friedrich Nietzsche]
5
![Page 6: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/6.jpg)
Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0
The Story
6
![Page 7: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/7.jpg)
Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0
Where are we coming from
7
longing for a better UI for years
![Page 8: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/8.jpg)
Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0
Bill Gates is a very rich man today... and do you want to know why? The answer
is one word: versions. [Dave Barry]
8
![Page 9: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/9.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
History of Versions
9
Text
![Page 10: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/10.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
History of Versions
9
Text
![Page 11: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/11.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
History of Versions
9
outst
andin
g
usab
ility
Text
![Page 12: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/12.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
History of Versions
9
outst
andin
g
usab
ility
mod
ulariz
ation
,
workflow
, DMS
Text
![Page 13: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/13.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
History of Versions
9
outst
andin
g
usab
ility
mod
ulariz
ation
,
workflow
, DMS
arch
itectu
re,
upda
tes,
I18n
Text
![Page 14: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/14.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
History of Versions
9
outst
andin
g
usab
ility
mod
ulariz
ation
,
workflow
, DMS
arch
itectu
re,
upda
tes,
I18n
perfo
rman
ce,
enterp
rise featur
es
Text
![Page 15: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/15.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
History of Versions
9
outst
andin
g
usab
ility
mod
ulariz
ation
,
workflow
, DMS
arch
itectu
re,
upda
tes,
I18n
perfo
rman
ce,
enterp
rise featur
es
templa
ting kit
Text
![Page 16: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/16.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
History of Versions
9
outst
andin
g
usab
ility
mod
ulariz
ation
,
workflow
, DMS
arch
itectu
re,
upda
tes,
I18n
perfo
rman
ce,
enterp
rise featur
es
templa
ting kit
usab
ility
&
inte
rope
rabi
lity
Text
![Page 17: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/17.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
History of Versions
9
outst
andin
g
usab
ility
mod
ulariz
ation
,
workflow
, DMS
arch
itectu
re,
upda
tes,
I18n
perfo
rman
ce,
enterp
rise featur
es
templa
ting kit
usab
ility
&
inte
rope
rabi
lity
Text
![Page 18: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/18.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
History of Versions
9
outst
andin
g
usab
ility
mod
ulariz
ation
,
workflow
, DMS
arch
itectu
re,
upda
tes,
I18n
perfo
rman
ce,
enterp
rise featur
es
templa
ting kit
usab
ility
&
inte
rope
rabi
lity
Text
4.5
![Page 19: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/19.jpg)
Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0
First Attempt
10
You never know until you try
![Page 20: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/20.jpg)
Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0
ExtGWT and GWT
11
To heavy, monolithic compilations
![Page 21: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/21.jpg)
Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0
Second AttemptYou never know until you try again
12
![Page 22: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/22.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.13
Vaadin
![Page 23: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/23.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Why Vaadin
Rich widget framework
Out-of-the-box theming
Java developer friendly
• Close to Swing• GWT based (Java -> Javascript)• Can integrate any GWT-components• Rare GWT-compiles (compared to plain GWT)
Testing with pure JUnit
Apache License
Well documented
14
![Page 24: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/24.jpg)
Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0
When I am working on a problem, I never think about beauty but when I have finished, if the solution is not
beautiful, I know it is wrong.[R. Buckminster Fuller]
15
![Page 25: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/25.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.16
![Page 26: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/26.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
The Failing - Conference 2011
17
![Page 27: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/27.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
The Failing - Conference 2011
17
were too late anywayhad overloaded the wagon• we tried do solve everything
too much enterprise too little fun
![Page 28: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/28.jpg)
Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0
Divide and Conquer
18
Shipped the Backend as 4.5
![Page 29: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/29.jpg)
Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0
Phoenix out of the ashes
19
We know now what we want to do
![Page 30: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/30.jpg)
Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0
1) be developers best frienduse Vaadin, quick customizations
20
![Page 31: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/31.jpg)
Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0
2) mobile revolution
21
be touchy, be iPad
![Page 32: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/32.jpg)
Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0
3) be user orientedapps, communication, favorites
22
![Page 33: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/33.jpg)
Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0
4) be a CMSfocus on content management
23
![Page 34: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/34.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.24
![Page 35: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/35.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
The Approach
24
![Page 36: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/36.jpg)
Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0
However beautiful the strategy, you should occasionally look at the results.
[Winston Churchill]
25
![Page 37: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/37.jpg)
Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0
Retrospection is everything
26
no team is perfect but it can get better
![Page 38: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/38.jpg)
Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0
Obstacle Driven Development
27
obstacles first, features later
![Page 39: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/39.jpg)
Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0
Innovation flows naturally once the obstacles are removed.
[Me]
28
![Page 40: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/40.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Three techniques
29
controlled innovation
![Page 41: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/41.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
1) 6 Thinking Hats
30
![Page 42: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/42.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
2) Osborne’s Checklist
31
Other uses
• New ways to use as is?
Adapt
• What else is like this?• What could I copy?
Modify
• New twist?
Magnify
• What to add? More time?
Minify
• What to subtract? Smaller?
Substitute
• Who else instead? What else instead?
Rearrange
• Interchange components? Other pattern?
Reverse
• Turn it backward, upside down, inside out?
Combine
• How about a blend, an alloy, an assortment, an
![Page 43: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/43.jpg)
Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0
3) Negative Brainstorming
32
understanding what to do by knowing what not to do
![Page 44: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/44.jpg)
Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0
The perfect is the enemy of the good. [Voltaire]
33
![Page 45: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/45.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
User Experience Design
34
![Page 46: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/46.jpg)
Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0
Design is not just what it looks like and feels like. Design is how it works.
[Steve Jobs]
35
![Page 47: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/47.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Trinity Icons
36
![Page 48: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/48.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Desktop
37
![Page 49: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/49.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Touch it or leave it
38
![Page 50: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/50.jpg)
Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0
The Result
39
![Page 51: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/51.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
The Result
40
Main Architecture
Configuration
App-lification
Actions & Commands
Forms & Dialogs
Content App
DAM
Communication
![Page 52: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/52.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Main Architecture
41
![Page 53: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/53.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Technology Stack
42
![Page 54: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/54.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Communication Layer
43
![Page 55: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/55.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Dependency Injection - Dev Drugs
44
scopes
• main, app, subapp
injection of
• context, modules, configuration
customizing
• nearly every component can be replaced
standard
• standard annotations
transparent
• constructors declare what is needed
![Page 56: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/56.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.45
From Spaghetti
![Page 57: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/57.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.45
From Spaghetti
![Page 58: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/58.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
To Lasagne
46
Magnolia Core
![Page 59: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/59.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
To Lasagne
46
Magnolia Core
Vaadin
![Page 60: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/60.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
To Lasagne
46
Magnolia Core
Widgets
Vaadin
![Page 61: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/61.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
To Lasagne
46
Magnolia Core
Widgets
UI Framework
Vaadin
![Page 62: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/62.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
To Lasagne
46
Magnolia Core
Widgets
UI Framework
Apps
Vaadin
![Page 63: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/63.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Packages - Widgets
47
Magnolia Widgets & Components
![Page 64: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/64.jpg)
Shel
l
Form
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Packages - Widgets
47
Magnolia Widgets & Components
Edito
r
Act
ionb
ar
Wor
kben
ch
Dia
logs
![Page 65: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/65.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Packages - AdminCentral
48
UI Framework - Apps, Locations, Messages, Actions
![Page 66: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/66.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Packages - AdminCentral
48
AdminCentral& Shell Apps
UI Framework - Apps, Locations, Messages, Actions
![Page 67: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/67.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Packages - AdminCentral
48
AdminCentral& Shell Apps
App
UI Framework - Apps, Locations, Messages, Actions
![Page 68: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/68.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Packages - AdminCentral
48
AdminCentral& Shell Apps
App App
UI Framework - Apps, Locations, Messages, Actions
![Page 69: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/69.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Packages - AdminCentral
48
Content App
AdminCentral& Shell Apps
App App
UI Framework - Apps, Locations, Messages, Actions
![Page 70: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/70.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Packages - AdminCentral
48
Content App
AdminCentral& Shell Apps
App
App App
UI Framework - Apps, Locations, Messages, Actions
![Page 71: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/71.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Packages - AdminCentral
48
Content App
AdminCentral& Shell Apps
App App
App App
UI Framework - Apps, Locations, Messages, Actions
![Page 72: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/72.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
The Content Structure
49
Proper Node Types
• mgnl:page, mgnl:component, ...
Proper Mixins for Extensions
• mgnl:renderable, mgnl:activatable
Leaner content structure
• no meta data sub nodes
Binaries are nt:resources nodes
![Page 73: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/73.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Presenters and Views
50
![Page 74: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/74.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
The Result
51
Main Architecture
Configuration
App-lification
Actions & Commands
Forms & Dialogs
Content App
DAM
Communication
![Page 75: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/75.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
UI Model - Definitions
52
![Page 76: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/76.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Registries, Definitions and Providers
53
![Page 77: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/77.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Configuration by Code - DSL
54
1. apps().content().workspace("data").root("/contacts")2. .types(3. type("contact").icon("/xxx").dialog(4. dialog("contact").title("Group").tabs(5. tab("base").title("Contact").fields(6. field("firstname").text().title("Name"),7. field("lastname").text().title("Lastname")))),8. 9. type("group").icon("/xxx").dialog(10. dialog("group").title("Group").tabs(11. tab("group").title("Group").fields(12. field("name").text().title("Group Name")))13. .subTypes("contact"))14. 15. .columns(16. column("name").text().title("Name").bindings(17. binding().type("group").to("name")18. binding().type("contact").to("firstname")),19. column("modDate").text().title("Modification Date").bindings(20. binding().allTypes().metaData("modificationDate")))
![Page 78: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/78.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Configuration by Code - Annotations
55
![Page 79: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/79.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
The Result
56
Main Architecture
Configuration
App-lification
Actions & Commands
Forms & Dialogs
Content App
DAM
Communication
![Page 80: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/80.jpg)
Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0
It’s a UI Component
57
has its own context and lifecycle
![Page 81: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/81.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Launch it
58
![Page 82: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/82.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
App API - UML
59
![Page 83: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/83.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Location, Location, Location
60
URL Anchor
• #app:<appName>:<subAppId>:<parameter>
In App navigation
• main, app, subapp
Bookmarks
• save URL, send them to other users, ...
History
• back and forward buttons
![Page 84: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/84.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Developer’s View
61
![Page 85: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/85.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
It’s the Context
62
![Page 86: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/86.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Take the Bus - In App communication
63
![Page 87: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/87.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Apps vs. Modules
App is a UI component
Module can have
• Apps• Templates• Extensions
64
![Page 88: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/88.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.65
Are you following me ....
![Page 89: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/89.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.65
Are you following me ....
![Page 90: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/90.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
The Result
66
Main Architecture
Configuration
App-lification
Actions & Commands
Forms & Dialogs
Content App
DAM
Communication
![Page 91: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/91.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Actions and Commands
67
![Page 92: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/92.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Actions
68
The UI event handling
Open Dialog
Call Command
Show message to user
Change location
![Page 93: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/93.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Commands
69
Backend executable
No UI
Invoked by
• UI• WebServices• Workflow
![Page 94: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/94.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Action Bar
70
Configured
• Customize the App• Add Actions by Module
Independent
• Content Apps• Page Editor• Messages
Preview
Sensitive
• Content type
![Page 95: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/95.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
The Result
71
Main Architecture
Configuration
App-lification
Actions & Commands
Forms & Dialogs
Content App
DAM
Communication
![Page 96: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/96.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Form, Fields and Tabs
72
Configured
• no coding needed
Independent
• used in Apps• used in Dialogs
Data binding
• Items not Nodes
![Page 97: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/97.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Forms vs. Dialogs
73
Form Dialog
![Page 98: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/98.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Forms vs. Dialogs
73
Form Dialog
![Page 99: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/99.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Forms vs. Dialogs
73
Form Dialog
![Page 100: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/100.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Forms vs. Dialogs
73
Form Dialog
![Page 101: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/101.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Forms vs. Dialogs
73
Form Dialog
![Page 102: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/102.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Form in an App
74
![Page 103: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/103.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Form in a Dialog
75
![Page 104: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/104.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Validation, Errors and Warnings
76
![Page 105: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/105.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
The Result
77
Main Architecture
Configuration
App-lification
Actions & Commands
Forms & Dialogs
Content Apps
DAM
Communication
![Page 106: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/106.jpg)
Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0
We want to reinvent the phone. What's the killer app? The killer app is making calls! It's amazing how hard
it is to make calls on most phones.[Steve Jobs]
78
![Page 107: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/107.jpg)
Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0
CMS it
79
make content management easy
![Page 108: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/108.jpg)
Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0
Contacts, Pages, DAM
80
all based on the same fundament
![Page 109: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/109.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Workbench - The entry point
81
![Page 110: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/110.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Content App - Item Tab Sheets
82
![Page 111: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/111.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Just configure it
83
node types
• icons
tree, list, columns
forms
• to edit the content
actions
![Page 112: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/112.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
The Result
84
Main Architecture
Configuration
App-lification
Actions & Commands
Forms & Dialogs
Content App
DAM
Communication
![Page 113: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/113.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Digital Asset Management
85
![Page 114: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/114.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
DAM - API
86
Providers
• to access other sources
Renditions
• thumbnails, sizes, formats
Metadata
• Dublin Core
![Page 115: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/115.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Media Editors - Images
87
![Page 116: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/116.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Content Structure
88
Standard JCR node types
Ready for WebDAV
![Page 117: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/117.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
The Result
89
Main Architecture
Configuration
App-lification
Actions & Commands
Forms & Dialogs
Content App
DAM
Communication
![Page 118: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/118.jpg)
Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0
Things don't have to change the world to be important.
[Steve Jobs]
90
![Page 119: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/119.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
The Pulse - Communication Center
91
![Page 120: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/120.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Message View
92
be individual
• define screen per message
• configure the form
don’t talk, act!
• define actions• workflow steps
![Page 121: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/121.jpg)
Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0
Build Processes
93
combine Apps, Messages and Workflow
![Page 122: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/122.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Workflow Engine - JBPM
94
Well known
Visual Tools available
• Eclipse workflow editor
Execute Commands
• activation, versioning, ...
Define Message Screen for Human Tasks
![Page 123: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/123.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
The Takeaways
95
![Page 124: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/124.jpg)
Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0
1) have the courage to fail
96
then do it better
![Page 125: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/125.jpg)
Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0
2) follow the vision
97
don’t break it by the wrong compromises
![Page 126: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/126.jpg)
Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0
Imagination is more important than knowledge.
[Albert Einstein]
98
![Page 127: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/127.jpg)
Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0
3) next steps follows naturally
99
once the current step is done
![Page 128: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/128.jpg)
Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0
The best thing about the future is that it comes one day at a time.
[Abraham Lincoln]
100
![Page 129: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/129.jpg)
Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0
4) no projects over half a year
101
split bigger projects
![Page 130: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/130.jpg)
Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0102
And now?
![Page 131: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/131.jpg)
Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0
download, try it
103
alpha 3 is ready
![Page 132: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/132.jpg)
Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0
follow the blog
104
http://dev.magnolia-cms.com/blog/
![Page 133: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/133.jpg)
Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0
read documentationhttp://wiki.magnolia-cms.com/display/DOCS
105
![Page 134: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/134.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Ready on 20th of June 2013
106
![Page 135: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/135.jpg)
Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0
Q & A
107
![Page 136: Magnolia 5 - Under the Hood](https://reader030.vdocuments.mx/reader030/viewer/2022013118/54869adbb47959140d8b5285/html5/thumbnails/136.jpg)
Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.
Resources
108
St. Gotthard:http (The Approach)://www.flickr.com/photos/giackx/3832338005/sizes/l/in/photostream/
Math (The Result): http://www.flickr.com/photos/dullhunk/358365339/sizes/l/in/photostream/
Münster Basel (Under the Hood):�http://www.flickr.com/photos/kwloo/5398685216/
Spirale - Architecture:�http://www.flickr.com/photos/hom26/6941069435/
Helvetia in Basel:�http://www.flickr.com/photos/boobook48/4728751130/