This document provides an overview of skinnDriva, an OpenCms skinning framework. It introduces skinnDriva and its benefits, including easier template development, better workflow for multiple sites/sections, and less work. It then explains how to use skinnDriva by importing required modules, adding code to templates, bundling files into a module, and preparing formatters. The final step is setting a theme property to apply the skin to a website section.

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

3. Speakers
Robert Diawara
Sebastian Bolt
Software AG
componio GmbH

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

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

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. What is skinnDriva
Your benefits from using skinnDriva
•
Easier to get started with template development
•
Strengthen OpenCms' position in the market

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

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. skinnDriva is a combination from
swedish „skinn“ (skin) and „drivaxel“
(driving shaft)
[skinnd/r/i:va:]

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

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

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

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

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

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

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

36. Working with skinnDriva
Step 3: Prepare your formatters

37. Working with skinnDriva
Step 3: Prepare your formatters

38. Working with skinnDriva
Step 3: Prepare your formatters

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

40. Now available!
www.skinndriva.com

41. Thank you for your attention!