Deliverance <ul><ul><li>Vormgeven met Deliverance: </li></ul></ul><ul><ul><li>een voorbeeld uit de praktijk </li></ul></ul...
Who am I <ul><li>Kees Hink </li></ul><ul><li>Plone integrator / developer since 2008 </li></ul><ul><li>Goldmund, Wyldebeas...
Use case <ul><li>De Oosterpoort / Stadsschouwburg Groningen </li></ul><ul><li>Arts centre: music, theatre, dance </li></ul...
Turn this...
...into this.
Classical Plone Theming <ul><li>You can easily change CSS (colors, sizes, fonts); </li></ul><ul><li>More profound changes ...
What is Deliverance <ul><ul><li>HTML theming tool: </li></ul></ul><ul><ul><li>“Shifts around” HTML </li></ul></ul>
How does this work? <ul><li>It's a separate server which you put in front of your (or any) webserver. </li></ul>
Yes, but how does this work? Merge Content and Theme as specified by Ruleset.
Example: Content
Example: Theme
Example: Ruleset
Example: Result
Banjo <ul><li>A Deliverance GUI </li></ul>
Advantages <ul><li>Graphic designers don't need to know Plone; </li></ul><ul><li>You can easily use a 3rd-party layout; </...
Disadvantages <ul><li>Extra layer of complexity; </li></ul><ul><li>Separate interface for content management; </li></ul><u...
Caveats <ul><li>Deliverance does simple find-and-replace, no complex transformations </li></ul><ul><ul><li>Tell graphic de...
Performance considerations <ul><li>Deliverance is fast, compared to Plone </li></ul><ul><li>It will not make your site any...
When to use Deliverance <ul><li>When you are handed a ready-made design from a 3 rd  party; </li></ul><ul><li>When you wan...
When NOT to use Deliverance <ul><li>If you want to keep WYSIWYG; </li></ul><ul><li>If you want to do a simple graphic desi...
Ways to use Deliverance + Plone <ul><li>Plone + Deliverance server </li></ul><ul><ul><li>Separate server, independent of P...
Our use case's server setup
'Programma' unstyled
'Programma' styled
'Detail' unstyled
'Detail' styled
'Venue' unstyled
'Venue' styled
Wrapping up... <ul><li>Questions? </li></ul><ul><li>Links: </li></ul><ul><ul><li>Deliverance: http://deliverance.openplans...
About this presentation <ul><li>Presentation given at the Dutch  Plone Users' day (Gebruikersdag), September 16 th  2009. ...
Upcoming SlideShare
Loading in...5
×

Deliverance for Plone, a use case

1,667

Published on

A talk for the Dutch Plone users' day, september 16th 2009. Please note that collective.xdv / Diazo is currently the way to impement this.

Published in: Technology, Business
1 Comment
2 Likes
Statistics
Notes
No Downloads
Views
Total Views
1,667
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
14
Comments
1
Likes
2
Embeds 0
No embeds

No notes for slide
  • Here you see me in happier days, when i still had my sunglasses.
  • Here we see a typical Plone interface
  • The Deliverance-themed version
  • Portlets in &lt;DL&gt;&apos;s Calendar in a &lt;TABLE&gt;
  • Deliverance for Plone, a use case

    1. 1. Deliverance <ul><ul><li>Vormgeven met Deliverance: </li></ul></ul><ul><ul><li>een voorbeeld uit de praktijk </li></ul></ul><ul><ul><li>Styling with Deliverance: </li></ul></ul><ul><ul><li>a use case </li></ul></ul>
    2. 2. Who am I <ul><li>Kees Hink </li></ul><ul><li>Plone integrator / developer since 2008 </li></ul><ul><li>Goldmund, Wyldebeast & Wunderliebe </li></ul>
    3. 3. Use case <ul><li>De Oosterpoort / Stadsschouwburg Groningen </li></ul><ul><li>Arts centre: music, theatre, dance </li></ul><ul><li>Information about concerts, performances </li></ul><ul><li>Get information from external source (ticketing back-office) </li></ul><ul><li>Order tickets online </li></ul><ul><li>High load at start of season </li></ul>
    4. 4. Turn this...
    5. 5. ...into this.
    6. 6. Classical Plone Theming <ul><li>You can easily change CSS (colors, sizes, fonts); </li></ul><ul><li>More profound changes can be done by customizing “views” and “templates”; </li></ul><ul><li>Even more profound customizations: modify the main template </li></ul><ul><li>A lot of work for radical design changes! </li></ul>
    7. 7. What is Deliverance <ul><ul><li>HTML theming tool: </li></ul></ul><ul><ul><li>“Shifts around” HTML </li></ul></ul>
    8. 8. How does this work? <ul><li>It's a separate server which you put in front of your (or any) webserver. </li></ul>
    9. 9. Yes, but how does this work? Merge Content and Theme as specified by Ruleset.
    10. 10. Example: Content
    11. 11. Example: Theme
    12. 12. Example: Ruleset
    13. 13. Example: Result
    14. 14. Banjo <ul><li>A Deliverance GUI </li></ul>
    15. 15. Advantages <ul><li>Graphic designers don't need to know Plone; </li></ul><ul><li>You can easily use a 3rd-party layout; </li></ul><ul><li>Separate interface for content management; </li></ul><ul><li>Keep your Plone site as basic as possible; </li></ul>
    16. 16. Disadvantages <ul><li>Extra layer of complexity; </li></ul><ul><li>Separate interface for content management; </li></ul><ul><li>No more WYSIWYG; </li></ul><ul><li>Extra server (maybe); </li></ul>
    17. 17. Caveats <ul><li>Deliverance does simple find-and-replace, no complex transformations </li></ul><ul><ul><li>Tell graphic designers which HTML Plone produces, or have them take a look at a Plone site beforehand </li></ul></ul><ul><li>404's unstyled </li></ul><ul><li>Beware of compression (CacheFu) </li></ul>
    18. 18. Performance considerations <ul><li>Deliverance is fast, compared to Plone </li></ul><ul><li>It will not make your site any faster, because Plone still has to render the page </li></ul><ul><li>But your performance won't suffer </li></ul><ul><li>Lighter HTML/CSS/JS may save bandwidth and client rendering time </li></ul>
    19. 19. When to use Deliverance <ul><li>When you are handed a ready-made design from a 3 rd party; </li></ul><ul><li>When you want 1) full Plone functionality (for editors), and 2) a specific design (for viewers) </li></ul><ul><li>When a design would require slightly modifiying many templates / views all in the same manner; </li></ul><ul><li>When you have more than 1 content source; </li></ul>
    20. 20. When NOT to use Deliverance <ul><li>If you want to keep WYSIWYG; </li></ul><ul><li>If you want to do a simple graphic design alteration; </li></ul><ul><li>If you're going to customize all of Plone anyway; </li></ul>
    21. 21. Ways to use Deliverance + Plone <ul><li>Plone + Deliverance server </li></ul><ul><ul><li>Separate server, independent of Plone </li></ul></ul><ul><li>Plone + collective.xdv </li></ul><ul><ul><li>Install as Plone product; </li></ul></ul>
    22. 22. Our use case's server setup
    23. 23. 'Programma' unstyled
    24. 24. 'Programma' styled
    25. 25. 'Detail' unstyled
    26. 26. 'Detail' styled
    27. 27. 'Venue' unstyled
    28. 28. 'Venue' styled
    29. 29. Wrapping up... <ul><li>Questions? </li></ul><ul><li>Links: </li></ul><ul><ul><li>Deliverance: http://deliverance.openplans.org </li></ul></ul><ul><ul><li>Collective.xdv installation: http://plone.org/documentation/manual/theming/adding-xdv-to-your-plone-instance </li></ul></ul><ul><ul><li>Banjo: http://www.coactivate.org/projects/banjo </li></ul></ul><ul><ul><li>This presentation: http://www.slideshare.net/khink/deliverance-for-plone-a-use-case </li></ul></ul>
    30. 30. About this presentation <ul><li>Presentation given at the Dutch Plone Users' day (Gebruikersdag), September 16 th 2009. </li></ul><ul><li>Slightly modified afterwards: </li></ul><ul><ul><li>Added bullet 4 on slide 19 </li></ul></ul><ul><ul><li>Rephrased bullet 3 on slide 19 </li></ul></ul>
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×