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.

Joomla Modules with Permissions and Front-End Editing

4,731 views

Published on

Imaging a Joomla website where staff can edit modules on the front-end. Randy Carey of the iCue Project presents his work on making this a reality and on the issues he discovered during implementation of the solution. This presentation was given at JAB 2013 near Amsterdam.

Published in: Technology, Business
  • Be the first to comment

  • Be the first to like this

Joomla Modules with Permissions and Front-End Editing

  1. 1. Modules with Permissions& Front-End EditingImproving Website ManagementRandy CareyiCueProject.com
  2. 2. SlideShare viewers: My slide presentationsare highly visual and illustrative, and sinceyou can’t hear me narrate, I provide mynarration in the notes section. Each slideincludes some narration.To get the most out of thispresentation, please open the notes section(below) and read the narration as you walkthrough the presentation.
  3. 3. Restaurant:Needs to announce holiday hours
  4. 4. Restaurant:Needs to announce holiday hours
  5. 5. Restaurant:Needs to announce holiday hours
  6. 6. Restaurant:Needs to adjust events listing
  7. 7. Modules with Permissions& Front-End EditingImproving Website ManagementRandy CareyiCueProject.com
  8. 8. iCueProject.com
  9. 9. Agenda : Modules with Permissions and Front-End Editing• Imagine…• Front-End Editing• ACL and Permissions• How Modules are Different• Actions & Module Settings• How to Implement• Demo
  10. 10. Agenda : Modules with Permissions and Front-End Editing• Imagine…• Front-End Editing• ACL and Permissions• How Modules are Different• Actions & Module Settings• How to Implement• Demo
  11. 11. Agenda : Modules with Permissions and Front-End Editing• Imagine…• Front-End Editing• ACL and Permissions• How Modules are Different• Actions & Module Settings• How to Implement• Demo
  12. 12. Agenda : Modules with Permissions and Front-End Editing• Imagine…• Front-End Editing• ACL and Permissions• How Modules are Different• Actions & Module Settings• How to Implement• Demo
  13. 13. Agenda : Modules with Permissions and Front-End Editing• Imagine…• Front-End Editing• ACL and Permissions• How Modules are Different• Actions & Module Settings• How to Implement• Demo
  14. 14. Agenda : Modules with Permissions and Front-End Editing• Imagine…• Front-End Editing• ACL and Permissions• How Modules are Different• Actions & Module Settings• How to Implement• DemoiCueProject.com
  15. 15. Agenda : Modules with Permissions and Front-End Editing• Imagine…• Front-End Editing• ACL and Permissions• How Modules are Different• Actions & Module Settings• How to Implement• Demo
  16. 16. Modules with Permissions and Front-End Editing
  17. 17. Modules with Permissions and Front-End EditingJoomla core does not anticipate this
  18. 18. Agenda : Modules with Permissions and Front-End Editing• Imagine…• Front-End Editing• ACL and Permissions• How Modules are Different• Actions & Module Settings• How to Implement• Demo
  19. 19. Agenda : Modules with Permissions and Front-End Editing• Imagine…• Front-End Editing• ACL and Permissions• How Modules are Different• Actions & Module Settings• How to Implement• Demo
  20. 20. If we have FEE, we need permissions on modules
  21. 21. ACL and permissions
  22. 22. Modules with Permissions:at three levels• Module Manager• Type of the Module• Instance of the Module
  23. 23. Modules with Permissions:three levels• Module Manager
  24. 24. Modules with Permissions:three levels• Module Manager eXtended
  25. 25. Modules with Permissions:three levels• Module Manager eXtended
  26. 26. Modules with Permissions:three levels• Module Type vs Instance
  27. 27. Modules with Permissions:three levels• Module Instance & FEE
  28. 28. Modules with Permissions:at three levels• Module Managerpermissions: who can edit which modules• Module Typepermissions: actions  module settings• Module Instancepermissions: set permissions per instance
  29. 29. Agenda : Modules with Permissions and Front-End Editing• Imagine…• Front-End Editing• ACL and Permissions• How Modules are Different• Actions & Module Settings• How to Implement• Demo
  30. 30. DB
  31. 31. DB
  32. 32. DBMenu item
  33. 33. component
  34. 34. module
  35. 35. Agenda : Modules with Permissions and Front-End Editing• Imagine…• Front-End Editing• ACL and Permissions• How Modules are Different• Actions & Module Settings• How to Implement• Demo
  36. 36. Modules with Permissions:Types of Modulesmodulestypesmodulestypesmodulestypesmodulestypeslist of itemssingle itemfunctionalcontent-based
  37. 37. Modules with Permissions:Types of ModulesList of items• category or categories• RSS feeds• Events• latest users• weblinks• showcase/slideshow
  38. 38. Modules with Permissions:Types of Modulessingle item• banner• Breadcrumbs• menu• logo holder• header – image• footer• random image• statistics
  39. 39. Modules with Permissions:Types of Modulesfunctional• search• login• syndication• language switcher
  40. 40. Modules with Permissions:Types of Modulescontent• Custom HTML
  41. 41. Modules with Permissions:Types of Module Fields
  42. 42. Modules with Permissions:Types of Module FieldsModule’s existence
  43. 43. Modules with Permissions:Types of Module FieldsFiltering
  44. 44. Modules with Permissions:Types of Module FieldsDisplay – selecting what per item
  45. 45. Modules with Permissions:Types of Module FieldsDisplay - formatting
  46. 46. Modules with Permissions:Types of Module FieldsFunctionallogin
  47. 47. Modules with Permissions:Types of Module FieldsContent
  48. 48. Modules with Permissions:Types of Module FieldsContentSearch box login
  49. 49. Modules with Permissions:Types of Module FieldsAdvanced
  50. 50. Parameter fields forArticles CategoryFiltering• Featured articles• Count• Category Filtering Type• Category• Child Category Articles• Category Depth• Author Filter Type• Authors• Author Alias Filter Type• Author Aliases• Article IDs to Exclude• Date filtering• Date Range Field• Start Date Range• To Date Range• Relative DateOrdering• By article fld• Ordering directionGrouping• Article grouping• Direction• Month/year formatDisplay• Heading level• Linked titles• Date• Date field• Date format• Category• Hits• Author• Introtext• Introtext limit• Show “ReadMore”• Title+ReadMore• “ReadMore” limitAdvanced• Alternative Layout• Mod Suffix Class• Module Tag• Bootstrap Size• Header Tag• Header Class• Module Style
  51. 51. Agenda : Modules with Permissions and Front-End Editing• Imagine…• Front-End Editing• ACL and Permissions• How Modules are Different• Actions & Module Settings• How to Implement• DemoiCueProject.com
  52. 52. Status at JAB 2013 At the time this presentation was given at JAB2013, I had working code for front-end editing.The code involve a new component, a new libraryfile, and two plugins. Integration involved [1] touching the module’sXML file (to declare the module’s actions and totag which fields belong to which action) and [2]overriding the module’s layout template (to injecta couple of simple calls to a couple of libraryfunctions). This has worked for every module type that Itried (including the desirable CustomHTML aswell as functional modules like Login or Search).Considering how much work is handled by thelibrary and plugins, the integration was relativelysimple. But…
  53. 53. Summer 2013 But I have learned that a solution isvalued much more if it can be deployedwithout requiring the site developer totouch code. So… My current work on this project is torefactor it into a self-contained solutionthat allows one to configure permissionsand inject front-end editing through acomponent and with no requirement totouch code.
  54. 54. Summer 2013 I welcome your interest and will make the codeavailable through the iCueProject website.iCueProject.comPlease visitiCueProject.com andsign up to receivenotices of this andfuture projects of iCue.Extensions will bedistributed through thissite.
  55. 55. Agenda : Modules with Permissions and Front-End EditingBeta testers ???iCueProject.comOf course, I’ll be welcoming offers for beta testing.
  56. 56. Agenda : Modules with Permissions and Front-End Editing• Imagine…• Front-End Editing• ACL and Permissions• How Modules are Different• Actions & Module Settings• How to Implement• Demo
  57. 57. Modules with Permissions& Front-End EditingImproving Website ManagementRandy CareyiCueProject.com

×