Category Archives: Adobe AEM

CQ5 Setup with Eclipse

Below are the steps to set up workspace and start development of CQ5 components in Eclipse:

Prerequisites:

  1. CQ5 Installation
  2. File Vault (VLT)
  3. Eclipse
  4. Apache Maven

 

Step 1

  • Create a project in CQ5 using CRXDE LITE
  • Under the /apps folder, create the nt:folder myApp.
  • Under the myApp folder, create the nt:folder components.
  • Under the myApp folder, create the nt:folder templates.
  • Under the myApp folder, create the nt:folder install.
  • Click save button after creating the above things.

 

Step 2 – Installing File Vault (FLT)

  • In our file system, go to <cq-installation-dir>/crx-quickstart/opt/filevault. The build is available in both tgz and zip formats. Extract either of this two archives.
  • Add <cq-installation-dir>/crx-quickstart/opt/filevault/vault-cli-<version>/bin to your environment PATH so that the command files vlt or vlt.bat are accessed as appropriate. For example, <cq-installation-dir>/crx-quickstart/opt/filevault/vault-cli-1.1.2/bin
  • Open a command line shell and execute vlt –help. Make sure it displays the following help screen:

CQ5 AEM Setup with Eclipse Image 1

 

Step 3

  • Open eclipse by double clicking eclipse.exe
  • Create a new workspace for your project and name it myApp.
  • install maven plugin through eclipse market place

CQ5 AEM Setup with Eclipse Image 1

  • After installation, restart Eclipse.

 

Step 4

In this section, we create two Maven projects: One called UI (after User Interface) which contains the Adobe Experience Manager AEM/CQ5 project structure with the JSP scripts and the other called Core which contains the Java code (source and compiled). The compiled code is stored in a jar file. The advantage of such a structure is that it adds modularity and autonomy to the logic of your application because each jar file (bundle) can be managed separately. Follow the below steps:

  1. In Eclipse, click File > New > Other.
  2. In the dialog, select Maven > Maven Project and click Next.
  3. Select the Create a simple project option and the Use default Workspace location option, then click Next.
  4. Specify the following property values for the Maven project, and accept the default values for all other properties:
    • Group Id: com.day.cq5.myapp
    • Artifact Id: ui
    • Name: CQ5 MyApp UI
    • Description: This is the UI module
  5. Click Finish.

Now, set the Java Compiler to version 1.5:

  1. In the Project Explorer view, right-click the ui project and click Properties.
  2. Select Java Compiler and set following properties to 1.5:
    • Compiler compliance level
    • Generated .class files compatibility
    • Source compatibility
  3. Click OK

 

Now, create the filter.xml file that defines the content that VLT exports:

  • In the Project Explorer view, in the ui/src/main folder, create the content folder.
  • Under content, create the META-INF folder.
  • Under META-INF, create the vault folder.
  • Under vault, create the filter.xml file.

In filter.xml, copy the following code to filter.xml:

<?xml version=”1.0″ encoding=”UTF-8″?>

<!– Defines which repository items are generally included –>

<workspaceFilter version=”1.0″>

<filter root=”/apps/myApp” />

<filter root=”/etc/designs/myApp” />

</workspaceFilter>

  • Now, save filter.xml.

 

Step 5

Use VLT to check out the CQ5 content into your ui project:

  1. In the system command line, change the current directory to the following directory in your Eclipse workspace: <eclipse>/<workspace>/myApp/ui/src/main/content.
  2. Execute the command: vlt –credentials admin:admin co http://localhost:4502/crx
  3. This command creates the folder jcr_root under <eclipse>/<workspace>/myApp/ui/src/main/content. This maps to the CRX root (/). Under jcr_root the following files and folders are created, as defined in filter.xml:
    • apps/myApp
    • etc/designs/myApp
  4. It also creates two files, config.xml and settings.xml in <eclipse>/<workspace>/myApp/ui/src/main/content/META-INF/vault. VLT uses these files.
  5. In the ui Eclipse project, create a link to the apps folder that you just checked out. This link enables your JSP scripts to reference the files.
  6. Right-click ui, select New, and then Folder.
  7. In the dialog box, click Advanced and select Link to alternate location.
  8. Click Browse, specify <eclipse>/<workspace>/myApp/ui/src/main/content/jcr_root/apps, and then click OK.
  9. Click Finish.

For any queries, please feel free to contact – Kedarnath Varadi, kvaradi@nextrow.com

Adobe CQ5 Overview and Complete History of AEM

In todays fast-faced digital age, the expectations of customers are changing on a daily basis. Most of the organizations are investing in new technologies to digitize their business in a way to reach the expectations of their customers. One such trending technology is Adobe CQ5.

What is an Adobe CQ5

Adobe Communique 5 (Adobe CQ5), currently manifested as Adobe Experience Manager (AEM), is a web-based content management system which is developed to help businesses in offering high-end digital experience to their customers. Adobe Experience Manager enables organizations to create websites, manage content and digital assets of the website. Adobe CQ5 not only enables companies to build websites but also to digitally interact with their customers through several medium including mobiles, web browsers, tabs, desktops and more. AEM also helps businesses to drive sales by attracting customers attention.

History of Adobe CQ5:

CQ5 is a version of Day CQ portfolio developed by a Swiss-based software company Day Software in 2008, followed by Day CQ 3.5, 4.0, 4.1 and 4.2. Adobe Systems renamed Day CQ5 as Adobe CQ5 after acquiring Day Software in 2010. Following the release of the fifth version of CQ5 i.e., 5.5, Adobe renamed it as Adobe Experience Manager (AEM) in 2013 with a sixth version AEM 5.6. Adobe also introduced a new version AEM 6.0 in March, 2014.

Wikipedia CQ5 Versions

Technical Background:

The server of Adobe CQ5 is platform independent as it is based on Java. CQ5 is also based on Apache Sling, Apache Felix (OSGi), Technically, Adobe CQ5 is an integration of both application-level as well as infrastructure-level functions. At the application-level, CQ5 enables users to manage content, mobile apps, digital assets, websites, e-commerce, social communities and more. However, at the infrastructure-level, it can be deployed in a standalone mode or as a web application in third-party server; the Sling Web Application Framework of CQ5 reduces the overhead of developing content-oriented applications for developers; and can store all the data from an author as well as code from a developer of a website on its Java Content Repository (JCR) database. Adobe Experience Manager also uses HTML5 technology to offer high-end visualization of a website.

Benefits of using Adobe CQ5:

With Adobe Experience Manager, organizations can

Develop high-end websites for all types of devices to manage on-site and in-store experiences by using different methodologies from AEM web component library. It helps companies to increase sales.

1. Share all digital assets like audio files, videos, images and more to their targeted audience through every marketing channel available by posting them on the website.

2. Integrate AEM with Adobe Marketing Cloud to develop customized digital assets across all interaction channels including web, video, social and mobile to deliver digital marketing needs using unified capabilities of digital asset management as well as web content management.

3. Engage with customers through Adobe Experience Manager social communities to share opinions, focus on customer preferences and serve them better.

4. Use digital forms from AEM to provide user-friendly experience to the end users and can also offer quick response after submission.

5. Edit interfaces of mobile apps provided by Adobe CQ5 to change data, import digital assets from other medium and improve performance of apps to promote brand.

6. Build their brand by using AEM brand marketing capabilities to create streamline for brand assets approval; search, deliver and organize brand assets; and also share personalized experiences to target channels and more.

Organizations using Adobe CQ5:

Several major organizations with businesses on global scale are using Adobe Experience Manager including Volkswagen, Hyatt, Audi, General Motors and TE Connectivity to offer high-end digital presence of their brands and gain customer loyalty and engagement. So, if you own a business and want to increase your customer base by developing a website, we suggest you to go for Adobe CQ5 without a second thought.

NextRow specializes in implementation of content management applications such as Adobe CQ5, SiteCore, Interwoven Teamsite, WordPress and mobile applications, and integrating them with eCommerce platforms such as Hybris, ATG. We have extensive expertise in Android, iOS platforms.