Building Quality into the AEM Publication Workflow with Active Standards by Dan Hanley and David Pead

1. Building Quality into the AEM
Publication Workflow
With

2. Who are you guys then?
Dan Hanley
CTO, ActiveStandards
David Pead
Developer, ActiveStandards

3. Our Company
• Specialists in Digital Governance & Compliance
• Delivering technology and consulting solutions to global enterprises
• Clients include: Shell, Unilever, HP, Oracle, Canon…

4. • Our technology platform & AEM connector
• Live demo
• Lifting the hood
• Roadmap & extensions
Agenda

5. Our Platform
A central point of visibility and control for digital quality & compliance
• Scans enterprise websites against a set of “checkpoints” –
digital rules representing a company’s online compliance
standards
• Best practice checkpoints (e.g. WCAG 1.0 and 2.0 / Section
508 Accessibility, SEO, Usability, Mobile Web)
• Companies’ unique brand and business rules (e.g. fonts,
colours, corporate terminology and editorial standards)
• Comprehensive reporting on quality and compliance issues
• Suite of tools to help editors find and fix the detected issues

6. Online Dashboard
Scans entire web presence and
ensures quality and compliance
of live sites.
AEM Connector
ONE-click page validation within
the AEM environment ensures
errors are caught and fixed pre-
publication.
LIVE WEBSITES
Adobe Experience Manager
Where does our AEM Connector fit?

7. Live demonstration

8. 1
ActiveStandards
API
ActiveStandards
Connector
AEM
Front End
ActiveStandards AEM Connector Overview
GET
/service/
activestandards
POST /assets
Asset (JSON)
1 2

9. Assets: Decorator Filter
Which issue is where?
• Page passes through filter
• Unique <div> tags are added
• Logic in filter controls mark-up
• Passed as asset to API

10. ActiveStandards
API
ActiveStandards
Connector
AEM
Front End
ActiveStandards AEM Connector Overview
GET
/service/
activestandards
POST /assets
Asset (JSON)
1 2
Get /assets/{assetID}/status
Checkpoints (JSON)
3

11. Status endpoint
• Asset
• Checkpoint
• Results

12. ActiveStandards
API
ActiveStandards
Connector
AEM
Front End
ActiveStandards AEM Connector Overview
GET
/service/
activestandards
POST /assets
Asset (JSON)
1 2
Get /assets/{assetID}/status
Checkpoints (JSON)
3
Get /assets/{assetID}/errors/{checkpointID}
Issues (HTML)
4

13. Optional parameter of highlightSource.
If true, will return “source view” (right)
• HTML returned
• data-ast-issue=“true” attribute
• embedded highlighting style, if required
• mark-up re-writing is controlled
by within our platform
Error endpoint: HTML returned from assetID & checkpointID

14. ActiveStandards
API
ActiveStandards
Connector
AEM
Front End
ActiveStandards AEM Connector Overview
GET
/service/
activestandards
POST /assets
Asset (JSON)
1 2
Get /assets/{assetID}/status
Checkpoints (JSON)
3
Get /assets/{assetID}/errors/{checkpointID}
Issues (HTML)
4
Validation errors
(JSON)
5

15. • Mashery made
• API key gives access to a client’s website listing
• Website example
• Checkpoints
• Assets
– As we’ve seen
– In addition, options to retrieve asset details,
content, run a spell check or finds related
assets based in websiteID
ActiveStandards API: dev.activestandards.com

16. Configuration: OSGi Bundles
Decorator Filter
Define the root against which components
will be validated
Validator Service
– API key, access to clients ‘context’
i.e. website listing
– Website ID, ties validation to specific
checkpoint ruleset

17. Code Review 1: Client Libs
ActiveStandards.base.js
ASTIssueRenderer.js
ActiveStandards.componentListener.js
ActiveStandards.injector.js

18. Code Review 2: Key Java Classes
‘Main’ package
‘Loader’ package
‘Service’ package
‘Model’ package

19. • Touch UI
• Custom checkpoints per website
• Workflow events
• Permissions – making the connector only
available to specific websites or users
Roadmap & Extensions
ActiveStandards AEM connector scoops
'Industry Game-Changer' award at Adobe
Summit EMEA 2015
activestandards.com/adobe_gamechanger

20. For more information contact:
Dan Hanley, CTO, ActiveStandards
T +44(0) 20 7019 4700
dan.hanley@activestandards.com
Questions?