Hippo CMS - A first look


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

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

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!