Deliverance Vormgeven met Deliverance: een voorbeeld uit de praktijk Styling with Deliverance: a use case

Vormgeven met Deliverance:

een voorbeeld uit de praktijk

Styling with Deliverance:

a use case

Who am I Kees Hink Plone integrator / developer since 2008 Goldmund, Wyldebeast & Wunderliebe

Kees Hink

Plone integrator / developer since 2008

Goldmund, Wyldebeast & Wunderliebe

Use case De Oosterpoort / Stadsschouwburg Groningen Arts centre: music, theatre, dance Information about concerts, performances Get information from external source (ticketing back-office) Order tickets online High load at start of season

De Oosterpoort / Stadsschouwburg Groningen

Arts centre: music, theatre, dance

Information about concerts, performances

Get information from external source (ticketing back-office)

Order tickets online

High load at start of season

Turn this...

...into this.

Classical Plone Theming You can easily change CSS (colors, sizes, fonts); More profound changes can be done by customizing “views” and “templates”; Even more profound customizations: modify the main template A lot of work for radical design changes!

You can easily change CSS (colors, sizes, fonts);

More profound changes can be done by customizing “views” and “templates”;

Even more profound customizations: modify the main template

A lot of work for radical design changes!

What is Deliverance HTML theming tool: “Shifts around” HTML

HTML theming tool:

“Shifts around” HTML

How does this work? It's a separate server which you put in front of your (or any) webserver.

It's a separate server which you put in front of your (or any) webserver.

Yes, but how does this work? Merge Content and Theme as specified by Ruleset.

Example: Content

Example: Theme

Example: Ruleset

Example: Result

Banjo A Deliverance GUI

A Deliverance GUI

Advantages Graphic designers don't need to know Plone; You can easily use a 3rd-party layout; Separate interface for content management; Keep your Plone site as basic as possible;

Graphic designers don't need to know Plone;

You can easily use a 3rd-party layout;

Separate interface for content management;

Keep your Plone site as basic as possible;

Disadvantages Extra layer of complexity; Separate interface for content management; No more WYSIWYG; Extra server (maybe);

Extra layer of complexity;

Separate interface for content management;

No more WYSIWYG;

Extra server (maybe);

Caveats Deliverance does simple find-and-replace, no complex transformations Tell graphic designers which HTML Plone produces, or have them take a look at a Plone site beforehand 404's unstyled Beware of compression (CacheFu)

Deliverance does simple find-and-replace, no complex transformations

Tell graphic designers which HTML Plone produces, or have them take a look at a Plone site beforehand

404's unstyled

Beware of compression (CacheFu)

Performance considerations Deliverance is fast, compared to Plone It will not make your site any faster, because Plone still has to render the page But your performance won't suffer Lighter HTML/CSS/JS may save bandwidth and client rendering time

Deliverance is fast, compared to Plone

It will not make your site any faster, because Plone still has to render the page

But your performance won't suffer

Lighter HTML/CSS/JS may save bandwidth and client rendering time

When to use Deliverance When you are handed a ready-made design from a 3 rd party; When you want 1) full Plone functionality (for editors), and 2) a specific design (for viewers) When a design would require slightly modifiying many templates / views all in the same manner; When you have more than 1 content source;

When you are handed a ready-made design from a 3 rd party;

When you want 1) full Plone functionality (for editors), and 2) a specific design (for viewers)

When a design would require slightly modifiying many templates / views all in the same manner;

When you have more than 1 content source;

When NOT to use Deliverance If you want to keep WYSIWYG; If you want to do a simple graphic design alteration; If you're going to customize all of Plone anyway;

If you want to keep WYSIWYG;

If you want to do a simple graphic design alteration;

If you're going to customize all of Plone anyway;

Ways to use Deliverance + Plone Plone + Deliverance server Separate server, independent of Plone Plone + collective.xdv Install as Plone product;

Plone + Deliverance server

Separate server, independent of Plone

Plone + collective.xdv

Install as Plone product;

Our use case's server setup

'Programma' unstyled

'Programma' styled

'Detail' unstyled

'Detail' styled

'Venue' unstyled

'Venue' styled

Wrapping up... Questions? Links: Deliverance: http://deliverance.openplans.org Collective.xdv installation: http://plone.org/documentation/manual/theming/adding-xdv-to-your-plone-instance Banjo: http://www.coactivate.org/projects/banjo This presentation: http://www.slideshare.net/khink/deliverance-for-plone-a-use-case

Questions?

Links:

Deliverance: http://deliverance.openplans.org

Collective.xdv installation: http://plone.org/documentation/manual/theming/adding-xdv-to-your-plone-instance

Banjo: http://www.coactivate.org/projects/banjo

This presentation: http://www.slideshare.net/khink/deliverance-for-plone-a-use-case

About this presentation Presentation given at the Dutch Plone Users' day (Gebruikersdag), September 16 th 2009. Slightly modified afterwards: Added bullet 4 on slide 19 Rephrased bullet 3 on slide 19

Presentation given at the Dutch Plone Users' day (Gebruikersdag), September 16 th 2009.

Slightly modified afterwards:

Added bullet 4 on slide 19

Rephrased bullet 3 on slide 19