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.

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

3. Sebastian Bolt
componio GmbH
Speakers
Robert Diawara
Software AG

4. Overview
What is skinnDriva?
Working with skinnDriva
01
02

5. skinnDriva -
what is it - and why should I care?
01

6. Meet Jim (Webdesigner)

7. He needs to create an OpenCms
Website, quickly. But how?

8. Meet David (Webdeveloper)

9. He wonders how to build a site for
many departments...

10. … without going insane.

11. How can he prevent spaghetti code?

12. But there is light...

13. As there are skins for browsers...

14. As there are skins for browsers...

15. ...there are now skins for OpenCms,
too - skinnDriva to the rescue!

16. Package resources

17. …and share with others easily. Jim
really likes that.

18. So does David –
and hopefully, you will too!

19. Your benefits from using skinnDriva
• Easier to get started with template development
• Strengthen OpenCms' position in the market
What is skinnDriva

20. Your benefits from using skinnDriva
• Better workflow for working with multiple
sites/sections
What is skinnDriva

21. skinnDriva + OpenCms =
less work & more fun!

22. Wait a minute…
…is that really true?

23. Risks of frameworks -
„Marry in haste, repent at leisure.“

24. Frameworks can force you to do the
work their way, not yours.

25. Not so with skinnDriva – we hope!

26. Free choice of (front-end) frameworks

27. skinn... what?!

28. [skinnd/r/i:va:]
skinnDriva is a combination from
swedish „skinn“ (skin) and „drivaxel“
(driving shaft)

29. Ok, I'm sold!
now tell me: how can I do this?
02

30. 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

31. The Commons Module
• com.diawara.opencms.commons
• Mandatory for skinnDriva
• Provides functionality shared with other
frameworks
Working with skinnDriva

32. The skinnDriva Core Module
• net.componio.opencms.modules.eight.skinndriva.rd
– generic formatters
– skinnDriva administration point
– tag library
– complete skinnDriva functionality
Working with skinnDriva

33. 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

34. The skinnDriva Base Module
• default Galleries
• default Container types
• default formatters
• base for all skins
Working with skinnDriva

35. 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

36. Step 3: Prepare your formatters
Working with skinnDriva

37. Step 3: Prepare your formatters
Working with skinnDriva

38. Step 3: Prepare your formatters
Working with skinnDriva

39. Done! (almost …) - just set the theme
property for a website section
Working with skinnDriva

40. Now available!
www.skinndriva.com

41. Thank you for your attention!