Using the ContextHub with the Experience Manager Toy Store site

You can use the ContextHub with the Adobe Experience Manager Toy Store site. The Contexthub lets you perform targeting and personalization functionality. For example, you can configure Experience Manager Core Components that display different values based on a given location or persona.

Assume you select China from the drop-down Location field. The core component values reflect the selected value, as shown in this illustration.

The following video shows this use case.

To read this Experience Manager Community article, click https://helpx.adobe.com/experience-manager/using/toystore_contexthub.html.

Join the Experience League

To become an Experience Business, you need more than just great tools and online help. You need a partner. Experience League is a new enablement program with guided learning to help you get the most out of Adobe Experience Cloud. With training materials, one-to-one expert support, and a thriving community of fellow professionals, Experience League is a comprehensive program designed to help you become your best.

Join the Adobe Experience League by clicking this banner.

I (Scott Macdonald) am a Senior Experience League Community Manager at Adobe Systems with 20 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 AEM or other end to end articles like this, then leave a comment and let me know what content you would like to see.

Linked In: http://www.linkedin.com/in/scottmacdonald2010

YouTube: Subscribe to the AEM Community Channel. 

Creating an Experience Manager YouTube Component

Displaying Video content within a web site is a typcial requirement for Experience Manager authors. To address this requirement, you can create a custom Experience Manager component that can display a YouTube video. In addition, you can develop the component to retrieve information about the video and display the information within the component, as shown in this illustration.

To set the Video, an AEM author provides the Video ID in a component dialog: 

This development article covers the following tasks: 

1. Fetch the JSON Data using JSONObject into the Experience Manager component.

2. Play the video without the need to use an Iframe in HTML.

3. Video title and channel name shown using an accordion.

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

Join the Experience League

To become an Experience Business, you need more than just great tools and online help. You need a partner. Experience League is a new enablement program with guided learning to help you get the most out of Adobe Experience Cloud. With training materials, one-to-one expert support, and a thriving community of fellow professionals, Experience League is a comprehensive program designed to help you become your best.

Join the Adobe Experience League by clicking this banner.

I (Scott Macdonald) am a Senior Experience League Community Manager at Adobe Systems with 20 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 AEM or other end to end articles like this, then leave a comment and let me know what content you would like to see.

Linked In: http://www.linkedin.com/in/scottmacdonald2010

YouTube: Subscribe to the AEM Community Channel. 

Ask the AEM Community Experts for June 2017

Title: Using Dynamic Media with Experience Manager

Date: Tues June 27, 2017 11 AM EST

Description: Join the Adobe Dynamic Media Eng Team for a discussion about using Dynamic Media with Experience Manage.

To watch this session - click http://bit.ly/2tTq04o.

Join the Experience League

To become an Experience Business, you need more than just great tools and online help. You need a partner. Experience League is a new enablement program with guided learning to help you get the most out of Adobe Experience Cloud. With training materials, one-to-one expert support, and a thriving community of fellow professionals, Experience League is a comprehensive program designed to help you become your best.

Join the Adobe Experience League by clicking this banner.

I (Scott Macdonald) am a Senior Experience League Community Manager at Adobe Systems with 20 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 AEM or other end to end articles like this, then leave a comment and let me know what content you would like to see.

Linked In: http://www.linkedin.com/in/scottmacdonald2010

YouTube: Subscribe to the AEM Community Channel. 

Creating a Login Component for the Experience Manager Toy Store

You can develop a login component for the Adobe Experience Manager Toy Store site. That is, using a login component, you can restrict unauthorized users from accessing it. A login component better secures your site and ensure that only registered users can access the site. In addition, the login component should have Remember Me functionality to remember user name.(Using cookies).

This development article walks you through how to build a Login component for the sample Toy Store site.

To read this Experience Manager Development article - click https://helpx.adobe.com/experience-manager/using/toy_login.html. 

To watch the Video on the Experience Manager Community Channel -- click:  

Note - To learn how to build the sample Experience Manager Toy Store site, see http://scottsdigitalcommunity.blogspot.ca/2017/03/creating-your-first-adobe-experience.html.

Join the Experience League

To become an Experience Business, you need more than just great tools and online help. You need a partner. Experience League is a new enablement program with guided learning to help you get the most out of Adobe Experience Cloud. With training materials, one-to-one expert support, and a thriving community of fellow professionals, Experience League is a comprehensive program designed to help you become your best.

Join the Adobe Experience League by clicking this banner.

I (Scott Macdonald) am a Senior Experience League Community Manager at Adobe Systems with 20 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 AEM or other end to end articles like this, then leave a comment and let me know what content you would like to see.

Linked In: http://www.linkedin.com/in/scottmacdonald2010

YouTube: Subscribe to the AEM Community Channel. 

Understanding the difference between Soap and Restful Web Services

A web service is the ability of a client application to invoke a service on a remote computer and get back data.  There are two types of web services:

• Soap web service
• Rest web service

Soap web service

A soap web service exposes a web service definition language (WSDL) document. Using a programming language like Java, you can create proxy objects that consume operations exposed by the web service’s SOAP stack. By creating a Java proxy object, your Java application can exchange the following messages with a soap web service:

• Soap request: sent to the web service by a client application requesting an action.
• Soap response: Sent to a client application by the web service after a SOAP request is processed.

A benefit of using web services is that you can create a client application in a development environment that supports SOAP. A client application is not bound to a specific development environment or programming language. For example, you can create a client application using Microsoft Visual Studio .NET and C# as the programming language. Likewise, you can create a client application using Java.

To read an article on AEM and SOAP - see http://scottsdigitalcommunity.blogspot.ca/2014/02/creating-adobe-cq-bundles-using-apache.html.

To read an article about creating an AEM HTL component that invokes a 3rd party SOAP web service and displays the result set, see http://scottsdigitalcommunity.blogspot.ca/2016/08/creating-aem-html-template-language.html.

Restful web services

A restful web service is the explicit use of HTTP methods. A restful web service is more lightweight as opposed to a soap web service. As a result, invoking a restful web service operation is normally faster than invoking a soap web service operation. You do not need to create Java proxy classes to invoke a restful web service. You can invoke a restful web service using almost any tool, leading to lower bandwidth and shorter learning curve. For example, you can invoke a restful web service using Java classes located in the org.apache.http package.

To read an article on AEM and Rest - see http://scottsdigitalcommunity.blogspot.ca/2013/11/creating-adobe-experience-manager.html.

Join the Experience League

To become an Experience Business, you need more than just great tools and online help. You need a partner. Experience League is a new enablement program with guided learning to help you get the most out of Adobe Experience Cloud. With training materials, one-to-one expert support, and a thriving community of fellow professionals, Experience League is a comprehensive program designed to help you become your best.

Join the Adobe Experience League by clicking this banner.

I (Scott Macdonald) am a Senior Experience League Community Manager at Adobe Systems with 20 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 AEM or other end to end articles like this, then leave a comment and let me know what content you would like to see.

Linked In: http://www.linkedin.com/in/scottmacdonald2010

YouTube: Subscribe to the AEM Community Channel. 

Adding a Custom Carousel Component to the Experience Manager Toy Site

The ability to add custom components to an Adobe Experience Manager site is important as it offers you flexibility to address your business requirements. When developing custom components, you can use third-party libraries of which there are many. For example, you can use JQuery plug-ins to create custom components that can improve the look and feel of your site. For information about some existing JQuery plug-ins, see 50 Amazing jQuery Plugins That You Should Start Using Right Now.

As an example, this article is going to modify the Experience Manager Toy Site. This site contains a static image, as shown here.

To improve the look and feel of this site, the static image is replaced with a carousel component that displays different images located in the Experience Manager DAM. 

This article discusses how to create a custom carousel component then add it to the Experience Manager Toy Site. To read this article, click https://helpx.adobe.com/experience-manager/using/toystore_carousel.html.
.

NOTE: To build the Experience Manager Toy Site, see Creating your First Adobe Experience Manager 6.3 website.

Join the Experience League

To become an Experience Business, you need more than just great tools and online help. You need a partner. Experience League is a new enablement program with guided learning to help you get the most out of Adobe Experience Cloud. With training materials, one-to-one expert support, and a thriving community of fellow professionals, Experience League is a comprehensive program designed to help you become your best.

Join the Adobe Experience League by clicking this banner.

I (Scott Macdonald) am a Senior Experience League Community Manager at Adobe Systems with 20 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 AEM or other end to end articles like this, then leave a comment and let me know what content you would like to see.

Linked In: http://www.linkedin.com/in/scottmacdonald2010

YouTube: Subscribe to the AEM Community Channel. 

Developing your first Experience Manager 6.3 Components

When working with Adobe Experience Manager projects, you often need to develop custom components. This article discusses how to on board new developers to Experience Manager and build custom components. This article starts by creating a properly structured Experience Manager project that follows best practices. That is, it discusses specific tooling for both Java developers and front-end developers, as well as how to edit the rendered markup with HTL and Sling models.

In addition, this article covers working with Experience Manager Core Components. For information, see Core Components.

To read this Experience Manager 6.3 developer article, click https://helpx.adobe.com/experience-manager/using/aem63_components.html.

Join the Experience League

To become an Experience Business, you need more than just great tools and online help. You need a partner. Experience League is a new enablement program with guided learning to help you get the most out of Adobe Experience Cloud. With training materials, one-to-one expert support, and a thriving community of fellow professionals, Experience League is a comprehensive program designed to help you become your best.

Join the Adobe Experience League by clicking this banner.

I (Scott Macdonald) am a Senior Experience League Community Manager at Adobe Systems with 20 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 AEM or other end to end articles like this, then leave a comment and let me know what content you would like to see.

Linked In: http://www.linkedin.com/in/scottmacdonald2010

YouTube: Subscribe to the AEM Community Channel.