Monday, 20 October 2014

Creating Adobe Experience Manager Touch UI components that consume web services

You can create an Adobe Experience Manager (AEM) 6 Touch component that displays data obtained from a third-party web service. For example, assume that you use AEM to create a web site for a government department that tracks weather information. In this situation, you can create an AEM Touch UI component that retrieves data from a third-party web service and displays the data in an AEM web page.

The following illustration shows AEM retrieving data from a third-party web service.



You can develop an AEM Touch UI component that can be dragged from the AEM 6 side rail and dropped onto an AEM web page.




The component displays weather information obtained from a third party WSDL. The Touch UI component invokes an OSGi bundle that contains Java proxy classes that are created by using Apache CFX. The following illustration shows the AEM Touch UI component displaying information obtained from a third-party web service. Notice that the USA ZIP code is entered into the Touch UI dialog.





Adobe Digital Marketing Community

Join the Adobe Digital Marketing Community. Start by clicking this banner

About the Author

I (Scott Macdonald) am a Senior Digital Marketing Community Manager at Adobe Systems with over 16 years in the high tech industry. I am also a programmer with knowledge in Java, JavaScript, C#,C++, HTML, XML and ActionScript. If  you would like to see more CQ or other Adobe Digital Marketing end to end articles like this, then leave a comment and let me know what content you would like to see.

Linked Inhttp://www.linkedin.com/in/scottmacdonald2010
TwitterFollow the Digital Marketing Customer Care team on Twitter @AdobeMktgCare.


Wednesday, 15 October 2014

Using Granite DataSource objects to populate AEM Touch UI objects

You can create an Adobe Experience Manager (AEM) 6 Touch UI component that contains drop-down controls that can be used within the AEM Touch UI view. A drop-down control can be populated by using a com.adobe.granite.ui.components.ds.DataSourceobject. For information, see DataSource
Once you create a DataSource object, its data can be used to dynamically populate a drop-down control, as shown in this illustration. 


This article modifies the Hero Touch UI component that was created by following this AEM community article:
Before you read this article, its is strongly recommended that you create the Hero Touch UI component by following the article listed here. 
To read this article, click http://helpx.adobe.com/experience-manager/using/creating-granite-datasource.html

Adobe Digital Marketing Community

Join the Adobe Digital Marketing Community. Start by clicking this banner

About the Author

I (Scott Macdonald) am a Senior Digital Marketing Community Manager at Adobe Systems with over 16 years in the high tech industry. I am also a programmer with knowledge in Java, JavaScript, C#,C++, HTML, XML and ActionScript. If  you would like to see more CQ or other Adobe Digital Marketing end to end articles like this, then leave a comment and let me know what content you would like to see.

Linked Inhttp://www.linkedin.com/in/scottmacdonald2010
TwitterFollow the Digital Marketing Customer Care team on Twitter @AdobeMktgCare.

Wednesday, 8 October 2014

Creating Replication Event Handlers for Adobe Experience Manager

You can develop a custom replication event handler for Adobe Experience Manager (AEM) that is invoked when AEM content is activated. For example, a custom replication event handler can track details when an AEM web page is activated, as shown in this illustration.



To create an AEM replication event handler, you create an OSGi bundle that contains a class that implements org.osgi.service.event.EventHandler. For information, see EventHandler.

To read this development article, click http://helpx.adobe.com/experience-manager/using/replication_events.html.

Adobe Digital Marketing Community

Join the Adobe Digital Marketing Community. Start by clicking this banner

About the Author

I (Scott Macdonald) am a Senior Digital Marketing Community Manager at Adobe Systems with over 16 years in the high tech industry. I am also a programmer with knowledge in Java, JavaScript, C#,C++, HTML, XML and ActionScript. If  you would like to see more CQ or other Adobe Digital Marketing end to end articles like this, then leave a comment and let me know what content you would like to see.

Linked Inhttp://www.linkedin.com/in/scottmacdonald2010
TwitterFollow the Digital Marketing Customer Care team on Twitter @AdobeMktgCare.

Saturday, 4 October 2014

Integrating the AngularJS framework into Adobe Experience Manager

You can integrate the AngularJS Framework into Adobe Experience Manager thereby enabling you to build components that take advantage of the AngularJS framework. The AngularJS framework is a popular JavaScript library that simplifies the creation of powerful components. For example, you can build components that contain visual effects, data grids that display information, user forms that capture information from end users, and so on. For more information about AngularJS, see https://angularjs.org/.

The objective of this article is not to demonstrate how to create a complex AngularJS components, but rather guide you through the process of creating an AEM component that uses AngularJS functionality. To read this development article, click http://helpx.adobe.com/experience-manager/using/AngularJS.html.

Adobe Digital Marketing Community

Join the Adobe Digital Marketing Community. Start by clicking this banner

About the Author

I (Scott Macdonald) am a Senior Digital Marketing Community Manager at Adobe Systems with over 16 years in the high tech industry. I am also a programmer with knowledge in Java, JavaScript, C#,C++, HTML, XML and ActionScript. If  you would like to see more CQ or other Adobe Digital Marketing end to end articles like this, then leave a comment and let me know what content you would like to see.

Linked Inhttp://www.linkedin.com/in/scottmacdonald2010
TwitterFollow the Digital Marketing Customer Care team on Twitter @AdobeMktgCare.

Wednesday, 24 September 2014

Creating your first Adobe Experience Manager Sightly component

You can create an Adobe Experience Manager (AEM) 6 Touch UI component that can be used within the AEM Touch UI view. Furthermore, you can use Sightly to develop the AEM component. Sightly is the new AEM 6 template language that can be used to replace the use of JSP when developing an AEM component. Sightly helps you to separate your design from your application logic. The Sightly component developed in this development article is located on the AEM Touch UI side rail. You can drag the component from the side rail onto an AEM page, as shown in this illustration.


This development walks you through how to build an AEM Touch UI component using Sightly. To read this development article, click http://helpx.adobe.com/experience-manager/using/creating-sightly-component.html.

Adobe Digital Marketing Community

Join the Adobe Digital Marketing Community. Start by clicking this banner

About the Author

I (Scott Macdonald) am a Senior Digital Marketing Community Manager at Adobe Systems with over 16 years in the high tech industry. I am also a programmer with knowledge in Java, JavaScript, C#,C++, HTML, XML and ActionScript. If  you would like to see more CQ or other Adobe Digital Marketing end to end articles like this, then leave a comment and let me know what content you would like to see.

Linked Inhttp://www.linkedin.com/in/scottmacdonald2010
TwitterFollow the Digital Marketing Customer Care team on Twitter @AdobeMktgCare.

Friday, 19 September 2014

Downloading Adobe Experience Manager DAM Assets using Sling Servlets and the Query Builder API

You can create an AEM Sling Servlet that uses the AEM Query Builder API to search the AEM Digital Asset Manager (DAM) and return a collection of assets within a ZIP file. The client web browser downloads the ZIP file that contains the DAM assets.

You can create a Sling Servlet that performs these tasks:

  • Uses the QueryBuilder API to search a specific DAM folder
  • Retrieves assets (for example, PNG files)
  • Places the assets in a ZIP file
  • Returns the ZIP file  

The following illustration shows the use case described in this development article.


To read this development article, click:  http://helpx.adobe.com/experience-manager/using/downloading-dam-assets.html.


Adobe Digital Marketing Community

Join the Adobe Digital Marketing Community. Start by clicking this banner

About the Author

I (Scott Macdonald) am a Senior Digital Marketing Community Manager at Adobe Systems with over 16 years in the high tech industry. I am also a programmer with knowledge in Java, JavaScript, C#,C++, HTML, XML and ActionScript. If  you would like to see more CQ or other Adobe Digital Marketing end to end articles like this, then leave a comment and let me know what content you would like to see.

Linked Inhttp://www.linkedin.com/in/scottmacdonald2010
TwitterFollow the Digital Marketing Customer Care team on Twitter @AdobeMktgCare.

Thursday, 4 September 2014

Using custom xtypes in Adobe Experience Manager 6 Touch UI

You can configure Adobe Experience Manager (AEM) 6 so that a custom xtype (that may be developed in an earlier version of AEM) works in the AEM 6 Touch UI. A custom xtype is an ExtJS script that uses the AEM widget API. By default, an AEM component that uses  a custom xtype works in AEM classic view. However, by default, it will not work in AEM Touch UI. You have to further configure AEM 6 to make a custom xtype work in AEM 6 Touch UI, as shown in this illustration.


This is an illustration of a custom xtype working in AEM 6 Touch UI. This development article walks you through how to make a custom xtype work in AEM 6 Touch UI. To read it, click http://helpx.adobe.com/experience-manager/using/creating-touchui-xtypes.html.

Adobe Digital Marketing Community

Join the Adobe Digital Marketing Community. Start by clicking this banner

About the Author

I (Scott Macdonald) am a Senior Digital Marketing Community Manager at Adobe Systems with over 16 years in the high tech industry. I am also a programmer with knowledge in Java, JavaScript, C#,C++, HTML, XML and ActionScript. If  you would like to see more CQ or other Adobe Digital Marketing end to end articles like this, then leave a comment and let me know what content you would like to see.

Linked Inhttp://www.linkedin.com/in/scottmacdonald2010
TwitterFollow the Digital Marketing Customer Care team on Twitter @AdobeMktgCare.