joomla modules with permissions and front-end editing

88
Modules with Permissions & Front-End Editing Improving Website Management Randy Carey iCueProject.com

Upload: randy-carey

Post on 15-Jan-2015

3.422 views

Category:

Technology


1 download

DESCRIPTION

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.

TRANSCRIPT

Page 1: Joomla Modules with Permissions and Front-End Editing

Modules with Permissions & Front-End Editing

Improving Website Management

Randy Carey

iCueProject.com

Page 2: Joomla Modules with Permissions and Front-End Editing

SlideShare viewers: My slide presentations are highly visual and illustrative, and since you can’t hear me narrate, I provide my narration in the notes section. Each slide includes some narration. To get the most out of this presentation, please open the notes section (below) and read the narration as you walk through the presentation.

Page 3: Joomla Modules with Permissions and Front-End Editing

Restaurant:Needs to announce holiday hours

Page 4: Joomla Modules with Permissions and Front-End Editing

Restaurant:Needs to announce holiday hours

Page 5: Joomla Modules with Permissions and Front-End Editing

Restaurant:Needs to announce holiday hours

Page 6: Joomla Modules with Permissions and Front-End Editing

Restaurant:Needs to adjust events listing

Page 7: Joomla Modules with Permissions and Front-End Editing
Page 8: Joomla Modules with Permissions and Front-End Editing
Page 9: Joomla Modules with Permissions and Front-End Editing
Page 10: Joomla Modules with Permissions and Front-End Editing
Page 11: Joomla Modules with Permissions and Front-End Editing
Page 12: Joomla Modules with Permissions and Front-End Editing
Page 13: Joomla Modules with Permissions and Front-End Editing
Page 14: Joomla Modules with Permissions and Front-End Editing

Modules with Permissions & Front-End Editing

Improving Website Management

Randy Carey

iCueProject.com

Page 15: Joomla Modules with Permissions and Front-End Editing

iCueProject.com

Page 16: Joomla Modules with Permissions and Front-End Editing

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

Page 17: Joomla Modules with Permissions and Front-End Editing

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

Page 18: Joomla Modules with Permissions and Front-End Editing

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

Page 19: Joomla Modules with Permissions and Front-End Editing

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

Page 20: Joomla Modules with Permissions and Front-End Editing

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

Page 21: Joomla Modules with Permissions and Front-End Editing

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

iCueProject.com

Page 22: Joomla Modules with Permissions and Front-End Editing

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

Page 23: Joomla Modules with Permissions and Front-End Editing

Modules with Permissions and Front-End Editing

Page 24: Joomla Modules with Permissions and Front-End Editing

Modules with Permissions and Front-End Editing

Joomla core does not anticipate this

Page 25: Joomla Modules with Permissions and Front-End Editing

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

Page 26: Joomla Modules with Permissions and Front-End Editing
Page 27: Joomla Modules with Permissions and Front-End Editing
Page 28: Joomla Modules with Permissions and Front-End Editing
Page 29: Joomla Modules with Permissions and Front-End Editing
Page 30: Joomla Modules with Permissions and Front-End Editing
Page 31: Joomla Modules with Permissions and Front-End Editing
Page 32: Joomla Modules with Permissions and Front-End Editing

?

Page 33: Joomla Modules with Permissions and Front-End Editing
Page 34: Joomla Modules with Permissions and Front-End Editing
Page 35: Joomla Modules with Permissions and Front-End Editing
Page 36: Joomla Modules with Permissions and Front-End Editing
Page 37: Joomla Modules with Permissions and Front-End Editing
Page 38: Joomla Modules with Permissions and Front-End Editing
Page 39: Joomla Modules with Permissions and Front-End Editing

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

Page 40: Joomla Modules with Permissions and Front-End Editing

If we have FEE, we need permissions on modules

Page 41: Joomla Modules with Permissions and Front-End Editing

ACL and permissions

Page 42: Joomla Modules with Permissions and Front-End Editing
Page 43: Joomla Modules with Permissions and Front-End Editing
Page 44: Joomla Modules with Permissions and Front-End Editing

Modules with Permissions:

at three levels

• Module Manager

• Type of the Module

• Instance of the Module

Page 45: Joomla Modules with Permissions and Front-End Editing

Modules with Permissions:

three levels

• Module Manager

Page 46: Joomla Modules with Permissions and Front-End Editing

Modules with Permissions:

three levels

• Module Manager eXtended

Page 47: Joomla Modules with Permissions and Front-End Editing

Modules with Permissions:

three levels

• Module Manager eXtended

Page 48: Joomla Modules with Permissions and Front-End Editing

Modules with Permissions:

three levels

• Module Type vs Instance

Page 49: Joomla Modules with Permissions and Front-End Editing

Modules with Permissions:

three levels

• Module Instance & FEE

Page 50: Joomla Modules with Permissions and Front-End Editing
Page 51: Joomla Modules with Permissions and Front-End Editing
Page 52: Joomla Modules with Permissions and Front-End Editing
Page 53: Joomla Modules with Permissions and Front-End Editing

Modules with Permissions:

at three levels

• Module Manager permissions: who can edit which modules

• Module Typepermissions: actions module settings

• Module Instancepermissions: set permissions per instance

Page 54: Joomla Modules with Permissions and Front-End Editing

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

Page 55: Joomla Modules with Permissions and Front-End Editing

DB

Page 56: Joomla Modules with Permissions and Front-End Editing

DBContent

Displayof content

Page 57: Joomla Modules with Permissions and Front-End Editing

DB

Menu item

Page 58: Joomla Modules with Permissions and Front-End Editing

component

Page 59: Joomla Modules with Permissions and Front-End Editing

module

Page 60: Joomla Modules with Permissions and Front-End Editing

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

Page 61: Joomla Modules with Permissions and Front-End Editing
Page 62: Joomla Modules with Permissions and Front-End Editing
Page 63: Joomla Modules with Permissions and Front-End Editing
Page 64: Joomla Modules with Permissions and Front-End Editing

Modules with Permissions:

Types of Modules

modulestypes

modulestypes

modulestypes

modulestypes

list of items

single item

functional

content-based

Page 65: Joomla Modules with Permissions and Front-End Editing

Modules with Permissions:

Types of Modules

List of items

• category or categories

• RSS feeds

• Events

• latest users

• weblinks

• showcase/slideshow

Page 66: Joomla Modules with Permissions and Front-End Editing

Modules with Permissions:

Types of Modules

single item

• banner

• Breadcrumbs

• menu

• logo holder

• header – image

• footer

• random image

• statistics

Page 67: Joomla Modules with Permissions and Front-End Editing

Modules with Permissions:

Types of Modules

functional

• search

• login

• syndication

• language switcher

Page 68: Joomla Modules with Permissions and Front-End Editing

Modules with Permissions:

Types of Modules

content

• Custom HTML

Page 69: Joomla Modules with Permissions and Front-End Editing

Modules with Permissions:

Types of Module Fields

Page 70: Joomla Modules with Permissions and Front-End Editing

Modules with Permissions:

Types of Module Fields

Module’s existence

Page 71: Joomla Modules with Permissions and Front-End Editing

Modules with Permissions:

Types of Module Fields

Filtering

Page 72: Joomla Modules with Permissions and Front-End Editing

Modules with Permissions:

Types of Module Fields

Display – selecting what per item

Page 73: Joomla Modules with Permissions and Front-End Editing

Modules with Permissions:

Types of Module Fields

Display - formatting

Page 74: Joomla Modules with Permissions and Front-End Editing

Modules with Permissions:

Types of Module Fields

Functionallogin

Page 75: Joomla Modules with Permissions and Front-End Editing

Modules with Permissions:

Types of Module Fields

Content

Page 76: Joomla Modules with Permissions and Front-End Editing

Modules with Permissions:

Types of Module Fields

ContentSearch box login

Page 77: Joomla Modules with Permissions and Front-End Editing

Modules with Permissions:

Types of Module Fields

Advanced

Page 78: Joomla Modules with Permissions and Front-End Editing

Parameter fields for Articles Category

Filtering• 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 Date

Ordering• By article fld• Ordering direction

Grouping• Article grouping• Direction• Month/year format

Display• Heading level• Linked titles• Date• Date field• Date format• Category• Hits• Author• Introtext• Introtext limit• Show “ReadMore”• Title+ReadMore• “ReadMore” limit

Advanced• Alternative Layout• Mod Suffix Class• Module Tag• Bootstrap Size• Header Tag• Header Class• Module Style

Page 79: Joomla Modules with Permissions and Front-End Editing
Page 80: Joomla Modules with Permissions and Front-End Editing
Page 81: Joomla Modules with Permissions and Front-End Editing
Page 82: Joomla Modules with Permissions and Front-End Editing

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

iCueProject.com

Page 83: Joomla Modules with Permissions and Front-End Editing

Status at JAB 2013

At the time this presentation was given at JAB 2013, I had working code for front-end editing. The code involve a new component, a new library file, and two plugins.

Integration involved [1] touching the module’s XML file (to declare the module’s actions and to tag which fields belong to which action) and [2] overriding the module’s layout template (to inject a couple of simple calls to a couple of library functions).

This has worked for every module type that I tried (including the desirable CustomHTML as well as functional modules like Login or Search). Considering how much work is handled by the library and plugins, the integration was relatively simple. But…

Page 84: Joomla Modules with Permissions and Front-End Editing

Summer 2013

But I have learned that a solution is valued much more if it can be deployed without requiring the site developer to touch code. So…

My current work on this project is to refactor it into a self-contained solution that allows one to configure permissions and inject front-end editing through a component and with no requirement to touch code.

Page 85: Joomla Modules with Permissions and Front-End Editing

Summer 2013

I welcome your interest and will make the code available through the iCueProject website.

iCueProject.com

Please visit iCueProject.com and sign up to receive notices of this and future projects of iCue.

Extensions will be distributed through this site.

Page 86: Joomla Modules with Permissions and Front-End Editing

Agenda : Modules with Permissions and Front-End Editing

Beta testers ???

iCueProject.com

Of course, I’ll be welcoming offers for beta testing.

Page 87: Joomla Modules with Permissions and Front-End Editing

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

Page 88: Joomla Modules with Permissions and Front-End Editing

Modules with Permissions & Front-End Editing

Improving Website Management

Randy Carey

iCueProject.com