IMMERSE'16 Introduction to AEM Tooling

© 2016 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2016 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

A virtual developer conference for Adobe Experience Manager

Adobe Experience Manager ToolingGary Thain | Partner Enablement


Introductions and about this Workshop

2

1 | Welcome and Overview

2 | Tooling Options in Adobe Experience Manager

3 | Eclipse and the AEM Developer Tool Plug-in4 | Brackets and the Adobe Experience Manager Extension5 | Maven and FileVault.


What We Are All Here For

3



3 | Eclipse and the AEM Developer Tool Plug-in4 | Brackets and the Adobe Experience Manager Extension5 | CRX-DE Lite, Maven and FileVault.

© 2016 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 4

Tooling Options in Adobe Experience Manager Options, Options, Options!


Simplify the Development Process"If the only tool you have is a hammer,

you tend to see every problem as a nail."

Abraham Maslow (1908-1970).

© 2016 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.© 2016 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 6


Front-end Developer

Brackets and the AEM extension forFront-end Developer

Eclipse and the AEM Plug-in for Java/Back-end Developer

Back-end Developer



2 | Tooling Options in Adobe Experience Manager3 | Eclipse and the AEM Developer Tool Plug-in4 | Brackets and the Adobe Experience Manager Extension5 | CRX-DE Lite, Maven and FileVault.


Working with Eclipse and the AEM Developer Tool Plugin1. Set-up your Environment2. Generate a Project3. Exam, Debug and Modify the Project

Eclipse and the AEM Plug-in for Java and Back-end Developer

Back-end Developer


Hands-on Demo: Setting up your Eclipse

Environment


Working with Eclipse and the AEM Developer Tool Plugin1. Set-up your Environment2. Generate a Project3. Exam, debug and modify the project


Hands-on Demo: Generating a Project


Working with Eclipse and the AEM Developer Tool Plugin1. Set-up your Environment2. Generate a Project3. Exam, Debug and Modify the Project

This is the parent project that contains all the other ones. This project contains the OSGi bundles.

These two projects contain the integration tests and the corresponding launchers. .

This contains the components, designs and configurations.This is the content needed for development and

testing.


Hands-on Demo: Modify and Debug




3 | Eclipse and the AEM Developer Tool Plug-in4 | Brackets and the Adobe Experience Manager Extension5 | CRX-DE Lite, Maven and FileVault.


Working with Brackets and the AEM Extension1. Set-up your Environment2. Modifying Files3. Examining Sync

Front-end Developer

Brackets and the AEM extension forFront-end Developer


Hands-on Demo: Set-up your Environment



Tip: The project folder you open must contain a:Jcr_root folder andMETA-INF folder


Hands-on Demo: Modify Files



Tip: Behind the Scenes1. Eclipse uses Maven and FileVault to sync2. Brackets uses FileVault to sync• FileVault looks at the filter.xml in meta-inf

folder


Hands-on Demo: Syncing Content to the

Server


So What’s Left?

23



3 | Eclipse and the AEM Developer Tool Plug-in4 | Brackets and the Adobe Experience Manager Extension5 | CRX-DE Lite, Maven and FileVault


Hands-on Demo: Using the Command Line

Interface


Gary Thainhttp://help-forums.adobe.com/content/adobeforums/en/experience-manager-forum/adobe-experience-manager.html/

http://help-forums.adobe.com/content/adobeforums/en/experience-manager-forum/adobe-experience-manager.html/

http://help-forums.adobe.com/content/adobeforums/en/experience-manager-forum/adobe-experience-manager.html/

© 2016 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

Technology

IMMERSE'16 Introduction to AEM Tooling