Magnolia 5.0 'GenUIne'

2,430 views
2,249 views

Published on

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.

0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,430
On SlideShare
0
From Embeds
0
Number of Embeds
499
Actions
Shares
0
Downloads
61
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Magnolia 5.0 'GenUIne'

  1. 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. 2. Today's Presentation Intentions of this talk • main ideas • spirit • not too "geeky" © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 2
  3. 3. Overview • Placement and Motivation • Interface Design Trail • Technological Trail • Summary and Q&A © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 3
  4. 4. © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 4
  5. 5. Magnolia Evolution "Not turning everything topsy-tur vy." © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 4
  6. 6. Placement © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 5
  7. 7. Placement © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 5
  8. 8. Placement ili g ab din ty us an t ts ou © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 5
  9. 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. 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. 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. 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. 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. 14. Motivations © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 6
  15. 15. Motivations • usability © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 6
  16. 16. Motivations • usability • too many pitfalls © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 6
  17. 17. Motivations • usability • too many pitfalls • missing features © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 6
  18. 18. Motivations • usability • too many pitfalls • missing features • incomplete experience © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 6
  19. 19. Motivations • usability • too many pitfalls • missing features • incomplete experience © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 6
  20. 20. Motivations • usability • too many pitfalls • missing features • incomplete experience © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 6
  21. 21. Motivations • usability • too many pitfalls • missing features • incomplete experience • maintainability © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 6
  22. 22. Motivations • usability • too many pitfalls • missing features • incomplete experience • maintainability • technology mix © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 6
  23. 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. 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. 25. © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 7
  26. 26. Goals & Features More than just "surface cosmetics." © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 7
  27. 27. Goals & Features More than just "surface cosmetics." © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 7
  28. 28. Goals & Features More than just "surface cosmetics." © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 7
  29. 29. I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 8
  30. 30. Improve interactions. I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 8
  31. 31. Improve interactions. I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 8
  32. 32. Improve interactions. I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 8
  33. 33. I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 9
  34. 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. 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. 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. 37. I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 10
  38. 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. 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. 40. I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 11
  41. 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. 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. 43. I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 12
  44. 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. 45. Features I nte r f a c e T ra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 13
  46. 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. 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. 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. 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. 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. 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. 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. 53. Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 18
  54. 54. "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
  55. 55. 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
  56. 56. 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
  57. 57. 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
  58. 58. 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
  59. 59. 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
  60. 60. 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
  61. 61. Today’s Architecture Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 19
  62. 62. 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
  63. 63. 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
  64. 64. 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
  65. 65. 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
  66. 66. 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
  67. 67. 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
  68. 68. 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
  69. 69. Features Overview Te c h n i c a l Tra i l © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 21
  70. 70. 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
  71. 71. 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
  72. 72. 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
  73. 73. 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
  74. 74. 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
  75. 75. 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
  76. 76. 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
  77. 77. 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
  78. 78. 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
  79. 79. 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
  80. 80. 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
  81. 81. 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
  82. 82. 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
  83. 83. 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
  84. 84. 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
  85. 85. 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
  86. 86. 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
  87. 87. 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
  88. 88. 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
  89. 89. 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
  90. 90. 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
  91. 91. 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
  92. 92. 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
  93. 93. 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
  94. 94. 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
  95. 95. 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
  96. 96. 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
  97. 97. 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
  98. 98. 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
  99. 99. 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
  100. 100. 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
  101. 101. 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
  102. 102. 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
  103. 103. 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
  104. 104. 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
  105. 105. 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
  106. 106. 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
  107. 107. 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
  108. 108. 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
  109. 109. 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
  110. 110. 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
  111. 111. 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
  112. 112. 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
  113. 113. 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
  114. 114. 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
  115. 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 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
  116. 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 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
  117. 117. © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 32
  118. 118. R o ad m ap? © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 32
  119. 119. "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
  120. 120. © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 33
  121. 121. "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
  122. 122. 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
  123. 123. 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
  124. 124. 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
  125. 125. 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
  126. 126. Q u e stio n s? An d an swers . © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 36
  127. 127. © Copyright 2009 by Magnolia International Ltd. Magnolia GenUIne | 37
  128. 128. 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
  129. 129. 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

×