Adobe AEM CoE - ECM Group EntSol

AEM 6 Overview and Features

2

Agenda

TCS Siruseri – State of the Art Campus in Chennai, India

1. WCM Basics

2. Leading WCM Products

3. Adobe AEM

4. AEM 6 Features

5. Upgrading to AEM 6.0

6. Installation of AEM

3

WCM – Use Case

Business Case

Customer has Internet Site which has different product pages of Banking Products. Wheneverthere is a change in the content (Interest Rate, Text, Image etc.,) Business Unit has to raise aChange request that goes through approval cycle and finally assigned to IT Dept. The IT team willwork on the request and the changes will be incorporated in the site. The changes will be pushedto live after it is reviewed and finally approved by the business. To implement such kind of achange in the website it takes few business days/weeks to complete.

Need to reduce the time it takes to modify product pages on website from a few business days to 1hour.

Technology/Tools Used : Java, JSP, HTML, CSS, Microsoft VSS, Microsoft IIS

Solution : WCM

Allows the business to modify and review the pages without depending on IT. It reduces the time ittakes to modify product pages on website from a few business days to 1 hour.

4

WCM Basics

Web Content Management System - is content management system (CMS) software, implemented as a Web application, for creating and managing Web content. It is used to manage and control a large, dynamic collection of Web material (HTML documents and their associated images).

WCM is a software system that provides website authoring, collaboration, and administration tools designed to allow users with little knowledge of web programming languages or markup languages to create and manage website content with relative ease.

Web Content: It could be any content on the web, be it a full page or building blocks of web page namely• HTML

• .JSPs , . ASPxs, PHPs etc

• CSS

• JavaScripts

• Images

• Videos, Audios, Flash

• Word Docs, PDF Files as links

• Content created by WCM Tool

5

WCM - High Level Architecture

Business Analyst

Business User

Editor

Designer

Developer

Administrator Development Repository

Run-timeRepository

External Systems IntegrationEnterprise

Search Analytics Other ExternalTools

AuthoringRuntime / Production / Publish

*

* End Users or Web Site Users

6

Type of Users - Authoring Environment

Business UsersContent Contributors / AuthorsContent ReviewersContent EditorsSystems Analysts

DevelopersPeople who create Templates, Components etc., such that Business Users can user

them to create web pages.

AdministratorsPeople who ensure that the application is up and running.Provide access to Authoring environment.Apply patches / perform upgrades etc.,

7

Key Features of a WCM solution

Key Features DescriptionAuthoring Interface Good authoring interface such that business users are able to create

web pages , normally using templates and components

Version ControlVersioning is a process by which documents are checked in or out of thesystem, allowing users to retrieve previous versions and to continuework from a selected point.

DocumentClassification

Empowers users to tag and categorize metadata (data that describes adocument) either manually or automatically . Using a pre-definedTaxonomy structure and by Metadata.

LifecycleManagement

Identifies and enforces document stages such as reviewed, approved,published, archived and retired

Preview Feature that ensures the business users are able to view the output ofthe web page without deploying the page to any other environment,during the process of authoring.

8

Key Features Description

Workflow Defines and automates business processes associated with creating ,approving and distributing web contents

Deployment Ability to deploy entire web site or a page to runtime environments.Deployments can be manual or scheduled (automated). Deployments can berolled back if not successful to one server in a clustered environment

Multilingual Ability to display content in multiple languages . Should also be able toauthor content in Multiple Languages. Also called localization if a Country –Language code is involved like UK-en, US-en

Multi ChannelDelivery / Mobility

Seamless delivery of content across multiple channels like Desktop, Phoneand Tablet . Content and Layout should change as per the device requestingthe web page.

Bulk Import To import contents using a “Bulk Import” feature, that uploading themindividually.

Access control Ensuring access to contents are as per defined permissions. Permissions tobe controlled by business users.

Key Features of a WCM solution

9

Key Features Description

Segmentation andTargeting

Ability to display content as per the profile of the logged in user. Targetingis also possible based on IP, Geography etc.

Digital AssetManagement (DAM)

DAM ensures that digital assets like Images, Audio, Video files are storedas a single repository , then rendered as per specifications.

A / B Testing To support A/B Testing ( Multi Variant Testing) . Usually a plugin to a WCMProduct.

Web Analytics Seamless integration with web analytics to analyze web site traffic anduser behaviors

CampaignManagement

Create campaigns for faster promotion of Marketing concepts. Campaignscan be targeted for particular segments.

Key Features of a WCM solution

10

Focus on Customer Experience

Static Text Based Sites

• One-way information display brochure kind of websites

Web Content Management

• Automation of web publishing process

Web Experience Management

• Interactive Marketing focus with analytics and social content

Customer Experience

Management

• Focus on multi-channel & Cross-Channel mediums for marketing

Transactional Websites

• Leveraging web for e-commerce

Web Content and Experience Management(WCXM)

11

Leading WCM Products

WCM Solution from Adobe, Adobe procured Day CQ in 2010. Currently being branded as Adobe AEM ( Adobe Experience Manager)

Currently being marketed as Sitecore Experience Platform

WCM Solution from HP, Originally from Interwoven, autonomy procured interwoven. HP procured Autonomy. Currently being branded as HP Teamsite

SDL acquired Tridion, currently being marketed as SDL Tridion

Note: Lots of Open Source products as well Alfresco, Drupal and Liferay are leading players

Legacy WCM Systems:Opentext Vignette, EMC WebPublisher

12

Gartner Magic Quadrant – October 2014

13

Adobe Experience Manager

14

AEM Technology Stack

15

AEM Technology Stack

Granite Platform : Granite is Adobe's open web stack. It forms the technicalfoundation on which AEM is built.

CRX – It is a commercial implementation of Apache Jackrabbit(From AEM 6, itis Jackrabbit Oak). It is content repository implementing the Content RepositoryAPI for Java Technology (JCR 2.0).

JCR - is a specification for a Java platform application programming interface (API) toaccess content repositories in a uniform manner. (Java package is javax.jcr)

OSGi Framework: Framework for modular application development using java.Each module called bundle can be independently started and stopped.

Apache Felix: Apache Felix is an open source implementation of the OSGi. TheOSGi container that is included in CRX.

Apache Sling :RESTful framework to access a JCR over http protocol. It mapsthe request url to the node in jcr.

16

AEM 6.0 Platform Changes

17

AEM 6.0 Platform Changes

18

AEM 6.0 Technical Requirements

VIRTUAL & CLOUD Env : Amazon EC2

Microsoft Azure Virtual Machines

Rackspace Cloud

VMware vCloud

Browser : IE 9+Google Chrome 38+, Mozilla Firefox 33

Dispatcher : Microsoft IIS 7.5, 8.0 and 8.5Apache httpd 2.2 and 2.4.x

Java Version : Oracle SE 7 JRE 1.7.x Java 8 is supported starting SP1

App Servers : Quickstart built-in Servlet Engine (Jetty 8.1) Apache Tomcat 7 and Tomcat 8IBM WebSphere 8,8.5,8.5.5Oracle WebLogic Server 12.1 (12c)

19

AEM 6.0 FeaturesNew Repository FoundationJackrabbit Oak(CRX 3) : Enhance performance and scalability of the content repository.Storage Options:

TarMK(default): Local, fast, easy to operate. A microkernel that uses the Tar persistence system for storage.MongoMK : Distributed, remote. A microkernel that uses MongoDB for storage. Horizontal, linear scaling of the content repositories based on open-source document database. Distributed, remote Sightly : New HTML template language. It is based on HTML5.

• Sightly components are compatible with components written in JSP or ESP• Even within the same component, Sightly templates can be used alongside JSPs and

ESPs. For example, a JSP can include a Sightly template like this,o <cq:include script="footer.html"/>o and a Sightly template can include a JSP like this,o <div data-sly-include="footer.jsp"></div>

More open source : Jetty 8 and Apache SolrDeveloper Mode : Provides Debugging and Testing tools directly in AEM Authoring

Developer Mode is only given to users who have write access on /apps, by default.Hobbes,js - A testing library written in Javascript

20

AEM 6.0 Features – Cont.New and Updated Features :

Optimized UI based on Jquery and Coral UI. Social Communities - a collection of redesigned social components based on Social

Component Framework which now allow also storage in Adobe Social cloud. Mobile Apps support - simplifies management and deployment of mobile applications to

multiple platforms using PhoneGap Build. Many DAM enhancements - including 2-way syncing with Creative Cloud, Dynamic

Media support integrated directly into AEM, processing profiles, metadata schemas, enhanced search and improved team collaboration with projects, workflows and tasks.

Operations Dashboard - allows monitoring and diagnosis of the AEM platform and running maintenance tasks and various health checks, all this from one place,

Improved and new integrations with Adobe Marketing Cloud services (including Target and Campaign)

eCommerce Integration Framework extensions for Elastic Path and Intershop. Adaptive Forms - easy-to-use solution to create complex and responsive forms. No Automatic Indexes - you have to create your own custom indexes otherwise your

searches will be very slow.

21

JackRabbit Oak aka CRX 3 Oak is the successor of Jackrabbit 2 and is also, based on , JSR 283.It uses MVCC(Multi-

Version Concurrency Control) model. Micro Kernel - The MicroKernel API, provides an abstraction on top of actual storage of

content on the file systems. It is based on Strings and leverages JSOP - HTTP Based protocol for working with JSON Objects.

Currently Oak has two main Microkernel implementations : DocumentMK and SegmentMK

22

Upgrading to AEM 6.0

In-Place Upgrade: Drop in the new jar file in place of the original one in your <aem-install> directory.This leaves the existing CRX 2 repository as-is.

1) For upgrades from versions up to and including AEM 5.5, we need to explicitly stated via the "crx2" runmodeojava -jar aem-quickstart.jar -r crx2

2) For custom LoginModules configured for authentication(In AEM 5.6.1 configuration was placed in the repository.xml ) , you need to do it in Apache Felix JAAS Configuration Factory service via the Web Console.

–

Migrating to Oak: Once the in place upgrade is complete, you can optionally migrate the existing CRX 2 repository to the new Jackrabbit Oak-based CRX 3 repository.

•TarMK•MongoMK

Adobe provides a tool - CRX2OAK repository migration tool (crx2oak-1.0.6.jar) – 10 Mins /GB (It doesn’t migrate binary content)

23

Installation

• Set the JAVA_HOME with JDK 1.7

• Create a Folder C:\Adobe\AEM\Author

• Copy AEM quickstart JAR and license.properties file into created folder structure.

• Rename AEM quickstart JAR to aem-author-4502.jar

aem=Application, -author = the WCM mode that it will run(e.g. author or publish)

-4502 = the port it will run (e.g. any available port is acceptable.)

• Command Line Start: java -Xmx1024M -jar aem6-author-p4502.jar

24

AEM Environments

Edit Mode ‐ This is the default mode and allowsyou to edit the page, adding or deletingcomponents and making other changes.Design Mode ‐ In this mode, the sidekick isminimized and you have the possibility to edit thedesign of the page:Preview Mode ‐ This mode allows you to previewthe page as if it were appearing on your website inits final form.

Various modes in Author environmentEdit Mode ‐ This is the default mode and allowsyou to edit the page, adding or deletingcomponents and making other changes.

Design Mode ‐ In this mode, the sidekick isminimized and you have the possibility to editthe design of the page.

Preview Mode ‐ This mode allows you topreview the page as if it were appearing on yourwebsite in its final form.