skinnDriva –
OpenCms all dressed up
Sebastian Bolt
Robert Diawara
a presentation for the
OpenCms Days 2013
Speakers

Robert Diawara

Sebastian Bolt

Software AG

componio GmbH
Overview
01

What is skinnDriva?

02

Working with skinnDriva
01

skinnDriva what is it - and why should I care?
Meet Jim (Webdesigner)
He needs to create an OpenCms
Website, quickly. But how?
Meet David (Webdeveloper)
He wonders how to build a site for
many departments...
… without going insane.
How can he prevent spaghetti code?
But there is light...
As there are skins for browsers...
As there are skins for browsers...
...there are now skins for OpenCms,
too - skinnDriva to the rescue!
Package resources
…and share with others easily. Jim
really likes that.
So does David –
and hopefully, you will too!
What is skinnDriva

Your benefits from using skinnDriva
•

Easier to get started with template development

•

Strengthen ...
What is skinnDriva

Your benefits from using skinnDriva
•

Better workflow for working with multiple
sites/sections
skinnDriva + OpenCms =
less work & more fun!
Wait a minute…
…is that really true?
Risks of frameworks „Marry in haste, repent at leisure.“
Frameworks can force you to do the
work their way, not yours.
Not so with skinnDriva – we hope!
Free choice of (front-end) frameworks
skinn... what?!
skinnDriva is a combination from
swedish „skinn“ (skin) and „drivaxel“
(driving shaft)

[skinnd/r/i:va:]
02

Ok, I'm sold!
now tell me: how can I do this?
Working with skinnDriva

Step 1: Import modules
•

Import the Commons Module

•

Import the skinnDriva Core Module

•

Imp...
Working with skinnDriva

The Commons Module
•

com.diawara.opencms.commons

•

Mandatory for skinnDriva

•

Provides funct...
Working with skinnDriva

The skinnDriva Core Module
•

net.componio.opencms.modules.eight.skinndriva.rd
–

generic formatt...
Working with skinnDriva

The skinnDriva Base Module
•

net.componio.opencms.modules.eight.skinndriva.rd.skins.base

•

Def...
Working with skinnDriva

The skinnDriva Base Module
•

default Galleries

•

default Container types

•

default formatter...
Working with skinnDriva

Step 2: Add code to template files
and / or bundle them in a module
•

CSS Files

•

Graphics

•
...
Working with skinnDriva

Step 3: Prepare your formatters
Working with skinnDriva

Step 3: Prepare your formatters
Working with skinnDriva

Step 3: Prepare your formatters
Working with skinnDriva

Done! (almost …) - just set the theme
property for a website section
Now available!

www.skinndriva.com
Thank you for your attention!
Open cms days 2013 - all dressed up_release
Upcoming SlideShare
Loading in...5
×

Open cms days 2013 - all dressed up_release

999

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
999
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
11
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "Open cms days 2013 - all dressed up_release"

  1. 1. skinnDriva – OpenCms all dressed up Sebastian Bolt Robert Diawara a presentation for the OpenCms Days 2013
  2. 2. Speakers Robert Diawara Sebastian Bolt Software AG componio GmbH
  3. 3. Overview 01 What is skinnDriva? 02 Working with skinnDriva
  4. 4. 01 skinnDriva what is it - and why should I care?
  5. 5. Meet Jim (Webdesigner)
  6. 6. He needs to create an OpenCms Website, quickly. But how?
  7. 7. Meet David (Webdeveloper)
  8. 8. He wonders how to build a site for many departments...
  9. 9. … without going insane.
  10. 10. How can he prevent spaghetti code?
  11. 11. But there is light...
  12. 12. As there are skins for browsers...
  13. 13. As there are skins for browsers...
  14. 14. ...there are now skins for OpenCms, too - skinnDriva to the rescue!
  15. 15. Package resources
  16. 16. …and share with others easily. Jim really likes that.
  17. 17. So does David – and hopefully, you will too!
  18. 18. What is skinnDriva Your benefits from using skinnDriva • Easier to get started with template development • Strengthen OpenCms' position in the market
  19. 19. What is skinnDriva Your benefits from using skinnDriva • Better workflow for working with multiple sites/sections
  20. 20. skinnDriva + OpenCms = less work & more fun!
  21. 21. Wait a minute… …is that really true?
  22. 22. Risks of frameworks „Marry in haste, repent at leisure.“
  23. 23. Frameworks can force you to do the work their way, not yours.
  24. 24. Not so with skinnDriva – we hope!
  25. 25. Free choice of (front-end) frameworks
  26. 26. skinn... what?!
  27. 27. skinnDriva is a combination from swedish „skinn“ (skin) and „drivaxel“ (driving shaft) [skinnd/r/i:va:]
  28. 28. 02 Ok, I'm sold! now tell me: how can I do this?
  29. 29. Working with skinnDriva Step 1: Import modules • Import the Commons Module • Import the skinnDriva Core Module • Import the skinnDriva Base Module or create your own one
  30. 30. Working with skinnDriva The Commons Module • com.diawara.opencms.commons • Mandatory for skinnDriva • Provides functionality shared with other frameworks
  31. 31. Working with skinnDriva The skinnDriva Core Module • net.componio.opencms.modules.eight.skinndriva.rd – generic formatters – skinnDriva administration point – tag library – complete skinnDriva functionality
  32. 32. Working with skinnDriva The skinnDriva Base Module • net.componio.opencms.modules.eight.skinndriva.rd.skins.base • Default resource types – skinndriva_article – skinndriva_navigation – skinndriva_link_list – skinndriva_news – skinndriva_image
  33. 33. Working with skinnDriva The skinnDriva Base Module • default Galleries • default Container types • default formatters • base for all skins
  34. 34. Working with skinnDriva Step 2: Add code to template files and / or bundle them in a module • CSS Files • Graphics • JSPs & Formatters • Scripts and other files • Register all these files in the administration UI
  35. 35. Working with skinnDriva Step 3: Prepare your formatters
  36. 36. Working with skinnDriva Step 3: Prepare your formatters
  37. 37. Working with skinnDriva Step 3: Prepare your formatters
  38. 38. Working with skinnDriva Done! (almost …) - just set the theme property for a website section
  39. 39. Now available! www.skinndriva.com
  40. 40. Thank you for your attention!
  1. A particular slide catching your eye?

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

×