Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Hippo CMS - A first look

11,756 views

Published on

A first look to Hippo CMS showing all the main interfaces and tools available in the product.

Published in: Technology
  • Be the first to comment

Hippo CMS - A first look

  1. 1. Hippo CMS A first look
  2. 2. Overview <ul><ul><li>Why Hippo? </li></ul></ul><ul><ul><li>Architecture </li></ul></ul><ul><ul><ul><li>CDA </li></ul></ul></ul><ul><ul><ul><li>CMS </li></ul></ul></ul><ul><ul><li>Hippo Site Toolkit </li></ul></ul><ul><ul><li>Authorization </li></ul></ul><ul><ul><li>Tools </li></ul></ul>
  3. 3. Why Hippo? <ul><ul><li>Open Source WCM </li></ul></ul><ul><ul><li>Java development standards compliant (Maven :D) </li></ul></ul><ul><ul><li>REST: JSF, JSP, Portlets, Wicket, Freemarker, Spring MVC </li></ul></ul><ul><ul><li>Repository JackRabbit: JCR, WebDAV </li></ul></ul><ul><ul><li>Faceted browsing </li></ul></ul><ul><ul><li>Vibrant community </li></ul></ul><ul><ul><ul><li>Forum </li></ul></ul></ul><ul><ul><ul><li>Hippo Forge </li></ul></ul></ul><ul><ul><ul><li>Mailing list </li></ul></ul></ul><ul><ul><li>Cloud ready </li></ul></ul>
  4. 4. Architecture <ul><li>CDA (Live website) </li></ul><ul><li>(Content Delivery Application) </li></ul><ul><ul><li>WAR </li></ul></ul><ul><ul><li>Well written API </li></ul></ul><ul><ul><li>Spring based </li></ul></ul><ul><ul><li>Easy to implement </li></ul></ul><ul><li>CMA / CMS </li></ul><ul><li>(Content Management Application) </li></ul><ul><ul><li>WAR </li></ul></ul><ul><ul><li>Wicket based </li></ul></ul><ul><ul><li>Hardcoded </li></ul></ul><ul><ul><li>Not easy to extend </li></ul></ul>http://www.onehippo.com/en/products/cms/try
  5. 5. Architecture - Single node
  6. 6. Architecture - HA
  7. 7. Architecture - HA with technologies
  8. 8. CDA <ul><li>The Content Delivery Application is a J2EE application based on the Spring Framework. </li></ul><ul><li>  </li></ul><ul><li>The CDA shows contents to final users using custom templates written in: </li></ul><ul><ul><li>JSP </li></ul></ul><ul><ul><li>FreeMarker </li></ul></ul>
  9. 9. CDA - Hippo Go Green example URL: http://www.demo.onehippo.com/
  10. 10. CDA - Template Composer URL: http://www.demo.onehippo.com/manager/edit
  11. 11. CDA - Template Composer A generic Drag & Drop section can be configured using JCR
  12. 12. CDA - Template Composer - JCR A generic Drag & Drop section can be configured using JCR
  13. 13. CMS - Dashboard <ul><li>The dashboard is a personal panel for each user to: </li></ul><ul><ul><li>Start a content wizard </li></ul></ul><ul><ul><li>Take a look at the activities and task history </li></ul></ul><ul><ul><li>Work on tasks assigned to the user   </li></ul></ul><ul><li>URL: https://cms.demo.onehippo.com/ </li></ul>
  14. 14. CMS - Dashboard
  15. 15. CMS - Browse <ul><li>The browse feature allow users to navigate and manage all the contents and pages of all the websites: </li></ul><ul><li>  </li></ul><ul><ul><li>Folders </li></ul></ul><ul><ul><li>Contents </li></ul></ul><ul><ul><li>Properties </li></ul></ul><ul><ul><li>Publication and content preview </li></ul></ul><ul><ul><li>Images </li></ul></ul><ul><ul><li>Assets </li></ul></ul><ul><ul><li>Content Types configurations </li></ul></ul><ul><ul><li>Taxonomies </li></ul></ul>
  16. 16. CMS - Browser
  17. 17. CMS - Admin <ul><li>The Admin feature allow administrators to: </li></ul><ul><ul><li>Manage users </li></ul></ul><ul><ul><li>Manage groups </li></ul></ul><ul><ul><li>Manage permissions </li></ul></ul><ul><ul><li>Get system info </li></ul></ul>
  18. 18. CMS - Admin
  19. 19. CMS - HST Configuration Editor <ul><li>Hippo Site Toolkit provide a console to configure your own custom pages and templates providing these sections: </li></ul><ul><ul><li>Sitemap </li></ul></ul><ul><ul><li>Site Menus </li></ul></ul><ul><ul><li>Pages </li></ul></ul><ul><ul><li>Components </li></ul></ul><ul><ul><li>Templates </li></ul></ul><ul><li>  </li></ul><ul><li>Sections structure = nodes structure </li></ul>
  20. 20. Hippo Site Toolkit - products example
  21. 21. Hippo Site Toolkit - products example <ul><li>In the products-overview page we have three columns that are defined as child nodes. </li></ul><ul><li>In the main element is defined products.main as the  template. </li></ul>
  22. 22. Hippo Site Toolkit - products example
  23. 23. Hippo Site Toolkit - products example Inside the template we have to add an hst:include element for each child node defined for the page
  24. 24. Hippo Site Toolkit - products example <ul><li>content, leftnav and right must be defined in the HST Configuration Editor to correctly build the page. </li></ul>
  25. 25. Hippo Site Toolkit - products example <ul><li>For each component we can configure: </li></ul><ul><ul><li>the controller class (optional) </li></ul></ul><ul><ul><li>parameters (optional) </li></ul></ul><ul><ul><li>template </li></ul></ul>
  26. 26. Hippo Site Toolkit - products example
  27. 27. Hippo Site Toolkit - products example
  28. 28. Hippo Site Toolkit - approach <ul><ul><li>Create a new project using the Maven Archetype (IDE) </li></ul></ul><ul><ul><li>Create your custom pages/components (CMS) </li></ul></ul><ul><ul><li>Write your own templates (CDA) </li></ul></ul><ul><ul><li>Implement your own Java logic for components (CDA) </li></ul></ul><ul><ul><li>Export all the XML configuration in your Java project (IDE) </li></ul></ul><ul><ul><li>Customize the CMS </li></ul></ul>
  29. 29. Hippo Site Toolkit - architecture
  30. 30. Authorization <ul><li>Hippo provides a default set of users, groups and roles to build your own website. </li></ul><ul><li>  </li></ul><ul><li>User Guides about the authorization model of Hippo are available at the following address: </li></ul><ul><li>http://www.onehippo.org/cms7/documentation/user </li></ul>
  31. 31. Authorization - Default model - Users <ul><ul><li>admin: has all privileges </li></ul></ul><ul><ul><li>editor: can edit and publish content </li></ul></ul><ul><ul><li>author: can edit content, but not publish </li></ul></ul><ul><ul><li>workflowuser: used internally by the workflow engine </li></ul></ul>
  32. 32. Authorization - Default model - Groups <ul><ul><li>admin: members of this group have all privileges </li></ul></ul><ul><ul><li>editor: members of this group can edit and publish content </li></ul></ul><ul><ul><li>author: members of this group can edit content </li></ul></ul><ul><ul><li>everybody: every logged in user is member of this group </li></ul></ul>
  33. 33. Authorization - Default model - Roles <ul><ul><li>admin: has the privileges of editor, all jcr privileges and the hippo:admin privilege </li></ul></ul><ul><ul><li>editor: has the privileges of author, jcr write privileges and the hippo:editor privilege </li></ul></ul><ul><ul><li>author: has jcr read privileges and the hippo:author privilege </li></ul></ul><ul><ul><li>readwrite: has jcr read and write privileges </li></ul></ul><ul><ul><li>readonly: has jcr read privileges </li></ul></ul>
  34. 34. Authorization - Default model - Domain <ul><ul><li>everywhere: all content of the repository </li></ul></ul><ul><ul><li>defaultread: nodes that need to be readable by all (CMS) users </li></ul></ul><ul><ul><li>defaultwrite: nodes that need to be readable and writeable by all (CMS) users </li></ul></ul><ul><ul><li>versioning: nodes related to versioning </li></ul></ul><ul><ul><li>workflow: workflow configuration related nodes </li></ul></ul><ul><ul><li>hippodocuments: all documents </li></ul></ul><ul><ul><li>hippofolders: all folders </li></ul></ul><ul><ul><li>frontendconfig: CMS configuration nodes </li></ul></ul><ul><ul><li>hippogallery: assets and images </li></ul></ul><ul><ul><li>htmlcleaner: html cleaner configuration </li></ul></ul><ul><ul><li>templates: template definitions </li></ul></ul><ul><ul><li>hippolog: log nodes for activity plugin </li></ul></ul><ul><ul><li>hipporequests: nodes related to scheduling </li></ul></ul>
  35. 35. Tools <ul><ul><li>Logging console </li></ul></ul><ul><ul><li>Console </li></ul></ul><ul><ul><li>Repository browser </li></ul></ul>
  36. 36. Tools - Logging console URL: http://localhost:8080/cms/logging/
  37. 37. Tools - Console <ul><li>The console browser allows to: </li></ul><ul><ul><li>Manage all the nodes </li></ul></ul><ul><ul><li>View permissions </li></ul></ul><ul><ul><li>View workflows </li></ul></ul><ul><ul><li>Nodes Import/Export via XML </li></ul></ul><ul><ul><li>Check out / check in </li></ul></ul><ul><ul><li>Add namespaces </li></ul></ul><ul><ul><li>CND import / export (node type definitions)  </li></ul></ul><ul><li>  </li></ul><ul><li>URL: http://localhost:8080/cms/console/ </li></ul>
  38. 38. Tools - Console
  39. 39. Tools - Repository browser <ul><ul><li>browse all the nodes in the repository </li></ul></ul><ul><ul><li>allows to test your search queries (XPath, JCR SQL) </li></ul></ul><ul><li>  </li></ul><ul><li>URL: http://localhost:8080/cms/repository/ </li></ul>
  40. 40. Tools - Repository browser
  41. 41. Resources <ul><li>Hippo Company: </li></ul><ul><li>http://www.onehippo.com/ </li></ul><ul><li>  </li></ul><ul><li>Hippo Community: </li></ul><ul><li>http://www.onehippo.org/ </li></ul><ul><li>Download page: </li></ul><ul><li>http://www.onehippo.com/en/downloads </li></ul>
  42. 42. Thank you for your attention!

×