Open cms days 2013 - all dressed up_release

1,283 views

Published on

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

No Downloads
Views
Total views
1,283
On SlideShare
0
From Embeds
0
Number of Embeds
272
Actions
Shares
0
Downloads
15
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

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!

×