Your SlideShare is downloading. ×
  • Like
OpenCms All Dressed Up with skinnDriva
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

OpenCms All Dressed Up with skinnDriva

  • 178 views
Published

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 …

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
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
178
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
4
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

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