skinnDriva –
OpenCms all dressed up
Sebastian Bolt
Robert Diawara
a presentation for the
OpenCms Days 2013
Sebastian Bolt
componio GmbH
Speakers
Robert Diawara
Software AG
Overview
What is skinnDriva?
Working with skinnDriva
01
02
skinnDriva -
what is it - and why should I care?
01
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!
Your benefits from using skinnDriva
• Easier to get started with template development
• Strengthen OpenCms' position in th...
Your benefits from using skinnDriva
• Better workflow for working with multiple
sites/sections
What is skinnDriva
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?!
[skinnd/r/i:va:]
skinnDriva is a combination from
swedish „skinn“ (skin) and „drivaxel“
(driving shaft)
Ok, I'm sold!
now tell me: how can I do this?
02
Step 1: Import modules
• Import the Commons Module
• Import the skinnDriva Core Module
• Import the skinnDriva Base Module...
The Commons Module
• com.diawara.opencms.commons
• Mandatory for skinnDriva
• Provides functionality shared with other
fra...
The skinnDriva Core Module
• net.componio.opencms.modules.eight.skinndriva.rd
– generic formatters
– skinnDriva administra...
The skinnDriva Base Module
• net.componio.opencms.modules.eight.skinndriva.rd.skins.base
• Default resource types
– skinnd...
The skinnDriva Base Module
• default Galleries
• default Container types
• default formatters
• base for all skins
Working...
Step 2: Add code to template files
and / or bundle them in a module
• CSS Files
• Graphics
• JSPs & Formatters
• Scripts a...
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
Working with skinnDriva
Now available!
www.skinndriva.com
Thank you for your attention!
OpenCms All Dressed Up with skinnDriva
Upcoming SlideShare
Loading in …5
×

OpenCms All Dressed Up with skinnDriva

546 views

Published on

Introducing skinnDriva at OpenCms Days 2013. skinnDriva is a theme engine for the CMS OpenCms which is compatible with leading responsive design frameworks (e.g. Bootstrap or Foundation) as well as with individual designs and pages.

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

No Downloads
Views
Total views
546
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
12
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

OpenCms All Dressed Up with skinnDriva

  1. 1. skinnDriva – OpenCms all dressed up Sebastian Bolt Robert Diawara a presentation for the OpenCms Days 2013
  2. 2. Sebastian Bolt componio GmbH Speakers Robert Diawara Software AG
  3. 3. Overview What is skinnDriva? Working with skinnDriva 01 02
  4. 4. skinnDriva - what is it - and why should I care? 01
  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. Your benefits from using skinnDriva • Easier to get started with template development • Strengthen OpenCms' position in the market What is skinnDriva
  19. 19. Your benefits from using skinnDriva • Better workflow for working with multiple sites/sections What is skinnDriva
  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. [skinnd/r/i:va:] skinnDriva is a combination from swedish „skinn“ (skin) and „drivaxel“ (driving shaft)
  28. 28. Ok, I'm sold! now tell me: how can I do this? 02
  29. 29. Step 1: Import modules • Import the Commons Module • Import the skinnDriva Core Module • Import the skinnDriva Base Module or create your own one Working with skinnDriva
  30. 30. The Commons Module • com.diawara.opencms.commons • Mandatory for skinnDriva • Provides functionality shared with other frameworks Working with skinnDriva
  31. 31. The skinnDriva Core Module • net.componio.opencms.modules.eight.skinndriva.rd – generic formatters – skinnDriva administration point – tag library – complete skinnDriva functionality Working with skinnDriva
  32. 32. 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 Working with skinnDriva
  33. 33. The skinnDriva Base Module • default Galleries • default Container types • default formatters • base for all skins Working with skinnDriva
  34. 34. 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 Working with skinnDriva
  35. 35. Step 3: Prepare your formatters Working with skinnDriva
  36. 36. Step 3: Prepare your formatters Working with skinnDriva
  37. 37. Step 3: Prepare your formatters Working with skinnDriva
  38. 38. Done! (almost …) - just set the theme property for a website section Working with skinnDriva
  39. 39. Now available! www.skinndriva.com
  40. 40. Thank you for your attention!

×