Deliver Once, Delight Everywhere: Scaling Omnichannel Experiences with Adobe Dynamic Media

Transcript

people join and in the meantime, if you have an opportunity to fill out any of our polls, we’re just trying to get a gauge of how many people know about dynamic media before coming into this session today. We also can’t wait to hear where everyone is joining from. In the bottom right of your screen, there’s an attendee chat. Feel free to introduce yourselves, say good morning, tell us a fun fact, tell us what you’re doing this summer. We’d love to get to know you as we just have a couple more people join and then we’ll get underway in about one minute. Nice. I see people coming off. We have people from Atlanta all the way from India, Wisconsin, the UK. Hello, hello, Ohio. Nice. Nice. We’re getting a good a good rounding of different people from different parts of the country. So good morning. Good evening. Good afternoon, wherever you’re coming from. Right. Good morning. All right, well, people are joining, I’m going to just do a quick few housekeeping slides just to set the stage for today and make sure that everyone knows what to expect going forward. So today’s agenda is we’re going to do some housekeeping slides. We’re going to then jump into the meat of the presentation with our speaker Vangadesh on scaling omni-channel experiences. Then we’re going to pause for a Q&A. So during the session today, feel free to put questions in the pod that comes up for putting speaker questions in. And then we’ll wrap up and share resources and share how to get the recording after the session. So all that will be happening soon. In the meantime, like I said, put in the chat where you’re joining us from and what you are hoping to learn today. So if you have tried dynamic media or not tried dynamic media and are, you know, have very specific initiatives that you’d like to have covered today, we just like to have insight into any thoughts that you guys have on what you want to learn today so that we can try to cover those. All right. Oops, one second.

Okay, some quick housekeeping notes. So we will have a session in area on the page that’s called Q&A for the speakers. So that will come up very soon. And you can put questions in there. To chat with other attendees during the session, you can continue to use that attendee chat. As the session closes, we will be sharing resources. So if you want to wait for that, there will be a pod with links to the dynamic media resources that you can use after the session. We also have a survey at the end or a poll at the end. So if you, if you stay towards the end in the Q&A, we want to just understand how much you learned throughout the session. And then an email will be sent probably tomorrow with a link to the recording. So you do not have to take copious notes if you like to just wait for the recording. So that is it. So I would love to first of all, introduce our speaker. So our esteemed speaker today is Venkatesh Shamugawelo. He is a four time Adobe experience manager champion. Champions are our top customers who agree to come into a champion program and work on adoption content like this with us. So he will be covering omni channel experiences and scaling omni channel experiences through dynamic media. He comes to this session today with 18 years of experience doing digital experience transformations, working as an architect across the Adobe tech stack. And we are very, very thrilled to have him. He has experience building solutions for airlines, ecommerce teams, banking clients, and more. He’s an esteemed partner in our tech stack, in our Adobe tech ecosystem. So today he’s going to be covering dynamic media, and I will let him jump right in and introduce himself. And I’m going to move into this mode. So Venkatesh, if you want to come off. Hi all. Is it audible? Yeah, you’re on. All right. So yeah, thank you, Beck, for a brief introduction. So I also love traveling. That’s my personal hobby. So this is one of an important topic where many of the people or many of the clients which I’m seeing, that they are struggling in terms of enabling a dynamic media. Sometimes like it’s an account based enablement. After that, I don’t know what to do with the dynamic media features, how I will leverage it to my CX personalizations or I want like blaster to any of my omni channel, how I how I can utilize that. So these are all the areas that we want to cover with the community and we want to like, enrich the knowledge base of the community as well in this particular area. So I will directly jump into the agenda. So today, what we are actually looking at it is like we’ll take a first step at it on what is dynamic media, what it means for from a developer perspective, from a marketer perspective, from a business practice perspective. And I’ll also guide some of your super admins saying that like how to configure the dynamic media as a step, right? So where you start where to start with it, right? Many of the people might know like, okay, dynamic media, I have it in my account, but I don’t know how to activate it. Those are all the areas that we will touch base upon. And we will also like touch base upon how if you have an am on dynamic media, how best utilize both of this right on what is the right way what is the direction on how to leverage the dynamic media features within the components. And also like we will touch base upon different architecture and models. So there are like multiple combinations with the Adobe Stack if you are like working in an Adobe Stack, someone will be still in on prem or someone will be still in a MS services or am assets will be in cloud where am sites will be in in on prem or even am assets in say, am as so there are multiple combination combinations. So we will just focus on like what is the predominantly used architectural models and how to like scale the dynamic media to leverage both in terms of delivery, which is like effectively utilizing the images out of the dynamic media on the delivery layer, as well as how to scale within the developer side of it, like how you can actually utilize dynamic media API and scale it across different application to leverage the dynamic media as a single source of repository to select the approved assets. And we will also touch base upon like, some I have facing issues, a lot of issues related to caching, where I still cannot able to see. So those those issues, how you can go about it, what is the out of box features, which is available within the product in terms of clearing the cache and validations. And if I if I have some time, I’ll take a few questions as well. So I’ll directly jump into the basics. What is dynamic media as such, right? Yeah, so this is like many people aware of it, but I’ll just hit back where it comes in terms of business, right, where it is actually giving value to the business. So in a traditional way, if you have used a dam, you will see like the folder mania, right, so you create folders for web, and then you will create a like folder for for mobile, you create folder for tablet. And you will also request your creative team give me an image for web, which is 1200 into 750. And I also need an image for mobile and tablet. Not just that I also want like no social media, I need another image, CRM or campaign, which I’m going to run for that I need another image for banner, I need another image, hero image, which is coming in a different component, I need another image. So you will go into normally rendition mapping, it just not end up there, right. And then you talk about the extensions of the images, that itself, you you have to spend a lot of time with your creative teams or the designer team to to cut a lot of images with different different different different extensions. And then you also need to work with your developer to tell him saying that, okay, in case if it is a tablet, you pick this image or serendipient. So this is what this image is, right. So this is the old way of doing it, where every image you would cut it out individually and physically upload it into a him asserts or a dam message. And then you also now like if you don’t have a CDN, just imagine someone is accessing from India, and value of service are located in Amsterdam, all the way it will come through there, right. So that is also one of the major issues the clients can benefit. So majorly it will benefit in terms of traffic bandwidth optimization, as well as it is also your creative teams and designer teams dependency handoffs, as well as your developer handoffs, as well as it will also improve how you effectively scale for the for the needs of the business in terms of multi channels. So in a recent study, I think Adobe has also talked about the content velocity, right. So when you’re talking about one master image, and you are your channels are increasing by the earlier it is three channels, we talked about majority web mobile or, or a tablet. Now the channels are going like in in terms of like around 35 channels, like everything is a channel, right. So channel based activations comes in. So how you cater for those needs for your single source of image or a video. That’s where dynamic media comes in and help us in terms of how to make your master image and cater it for for for all other omni channels that is increasing the content velocity. So, and also like you need to also understand in terms of you have one central image, and going back to all of these renditions is mapped under a single source image. So from in terms of sizing, in terms of distribution, it’s all it’s all streamlined within the dynamic media. In addition to that, you need to also understand dynamic media is is an image server, which is sitting on on behind the CDN. So it has its own CDN. So any images which is serving it is serving on its own. So which will help the customers to reduce the bigger bandwidth which is utilizing for an image which is offloaded to to an Adobe ecosystem directly, right. So these are all the major advantages and benefits which you can actually benefit from dynamic media. So if you are not like, if you know saying that, okay, dynamic media is part of my account, and I don’t know where to start, it’s a time to check with your account teams to start enabling it for you guys. So what is dynamic media, right? So as I already mentioned, it is it is just an image delivery platform, sitting on top of aem assets, which is aem assets is a central repository of digital assets, right. And then dynamic media sitting on top of it doesn’t add up where it will actually do a processing engine. So applying to your master image which is sitting in the aem assets. So basically, for your source image, you will have one image, and then you define the rules like I need web image or I need a JPEG or I need a PNG image. But I also need some some like square image and say landscape images. These are all a different type of requirement coming from in terms of different components. Maybe you have a card image, you have a banner image, you have you have like a pod image, like for all of these needs, you may end up in creating renditions manually, either you will work with your developer to create renditions manually, or you will work with the creative designer team to cut the image manually. So dynamic media comes in in in in above all of it, right. So for the source image, you already create your either an image presets or image profiles in any way that what are all the things that you are configuring it, those rules will apply whenever you upload the image. And that profile set will be distributed across your CDN platforms. Right. So that is dynamic media. And apart from just a profile set and the rules, it also come up with your its own out of box features, right? There are a lot of lot of like, features available where you can actually actually use the carousels, banners, or videos like it has its own player as well. And you can actually leverage dynamic media player. And you can apply a modifier using modifier I think I’ll share certain documents at the end of the session, where you can find a lot of modified rules, you can apply them and effectively, for example, like you are you want to use the dynamic media player and the poster image you want to select you want to like override with certain images, those are all like out of box you can leverage using the viewers out of box viewers comes as part of the dynamic media features. It also having a panoramic view you can create you can create a carousel set carousel as such as it has its own components, you can create the carousel slide one slide kind of. So there is a lot of out of box features as well, I will touch base upon like some some viewers and what is the way to like use them use those viewers as well.

So dynamic media in a generic world, it’s a one master image where you can dynamically apply processing rules, or you can also statically define your rule sets to generate different variation of the master image and distributed across the CDN. And you can also use viewers on top of it. So all combined together is what dynamic media features is it’s in.

So, basics of dynamic media comes up like you can see it in your environment in different places as scene seven.com. Yeah, scene seven is a product which was acquired by Adobe and then that’s what it transformed into dynamic media. And more and more new features are coming and delivered by Adobe and on every quarter basis. So in this particular slide, you can see saying that SCD1 is scene seven.com that is nothing but a CDN network. So which is a CDN URL, where there is a selector called is or is image. There is two type of content which is supporting currently by dynamic media. One is a image, another one is the content. If it is an image, or is it a video, which is also supported by scene seven. So if it is an image, then the next to three things comes in like till Adobe stack 2893 and general demo this this is a unique ID for the image, which is nothing but an image name, right. But it won’t take any of the extensions because extension will be processed by your processing rules. We call this as like a PIF file or TIF file kind of a master image without any extensions. It’s a raw image which is taken with a unique ID, which is hosted in the CDN server under image or a video or a content. That’s the sequence. And what are all the things after the query string parameter is a modifier rules. There is a lot of AP is available with the modifier rules, you can control the width, you can control the background of the image, you can control the quality. There is a lot of things. I’ll just see if I can quickly share my screen and show certain things quickly.

You can see my screen.

Yes.

Cool. So if I see here, this is the scene seven URL and this is an image and this is a unique ID where this is the modifiers, right. So if I take this image, you can enable the zoom options. And if I take the same image, you can apply the RGB rules, the color of the rules. And then these are all the like modifier rules that you can apply just by changing the rules. And what if like, say, for example, in a traditional website creations, you may require for this particular image, which is a square 900 into 900, where you may end up saying that say 700 into 700 and the background color is this. And it’s a square image, you may also end up for the same image, a portrait image with just without losing any aspect ratio. And for the same image, you can have a banner without losing any of the aspect ratios, but you can just do it via the modifier itself. Right. So I just want to change the background of it as well by just applying the background color. And then say, for example, I have the PNG image, I want to convert this into, say, PNG or JPEG, you can apply the format accordingly, those images will be delivered. Right, someone is asking them that, okay, I want to use a light image, can you please provide the lighter format, you just need to provide the format as webp as such. Right. So webp as such, such kind of a modifier, you can actually use it effectively.

Just a second. Yeah, you can use it effectively. So there is another thing called content. So content can support some other thing other than the images, which can be like a 3D files, animated GIF, GIF kind of images that you want to add it or a PDFs, those are all will come under is slash content as a thing, right. And then you can add the extension as much as possible. So this is the, when you actually see the URL, how you don’t know like where this particular images, you can check the asset ID, which is present here like Adobe Stack, you can take that asset ID and then you can search it within a AM assets, you can find that particular image. So that’s the basics of the dynamic media. So I’ll just touch base upon how to set up a dynamic media, right. So dynamic media, if you are like, you know, saying that, okay, for your account, dynamic media is enabled, you can raise a support case and then ask them to provide the details to enable that feature for your AM assets instance. And they can actually pass the credentials to the system admin, where system admin pass the credentials to you, how to configure this just to go to the tool section of it, where you can see the cloud services, there you can find something called dynamic media configurations, you just click on it, you will see the dynamic media profile. So as these instances like, I cannot share it, where I just provided the screenshots for you guys to quickly refer and then interpret. So I also provided the steps and the slides will be shared later, so that you can see saying that how to navigate those areas. So you can go to the dynamic media, if you edit it, you can see this screen where you just need to provide your dynamic media configuration name. And the system admin system admin will provide you all these details. Once you provide those details and click Connect dynamic media, it will give a message. In case of any issues, you can raise support cases, well, they can help you with that. Then the important thing that you need to look at it is the publish assets. So there are multiple requirements comes from the business saying that. So from a logical perspective, anything, it is pushed into dynamic media, which means it is available as part of scene seven, which is publicly available. So there are scenarios where certain images, you are using it for a campaign, which you don’t want to publish it to the scene seven. Whenever it is pushed into AEM author, you want to restrict that kind of a thing that you can actually tell saying that upon activation. So there are multiple options are available. So immediately means someone is uploaded an image inside of your AEM author or AEM assets author, which will automatically perform that the profiles get triggered and then pushed to sync it to the dynamic media immediately, right without someone is going through an activation cycle. Or you can mention it saying that upon activation, which means it still resides in author and processing will happen as part of while you are doing an activation. So there are multiple things are there and you can also do a selective publish or you can go individually select and publish at that time, you want to dynamic media to process. These are all the configuration that you can play around based on your use cases. Right. Then the second step would be like, once now you set it up the dynamic media. Now, I talked about like the modifier rules, right. So sometimes what will happen is users will set it up the dynamic media, but they didn’t do any kind of a setup on the image preset or profile set those configuration if you if you forget these steps, what will happen is you can still use scene seven URL, but you have to manually provide those URLs with the modifier like width equal to 500 into height is equal to 500. Those are all the things that manually you have to provide. But you know certain components from your websites that this section will use 500 into 500. This section will use to say is a quad image where it is 200 into 200. So you already mapped your component strategy versus what is the images that you are going to pick it up. In those cases, you can go for image profile which means in a folder for example, in your organizations, you are having a folder like organization folder and then you have web under that you have like say destinations like I have like a national destinations, honeymoon destinations. Under that you configure this profile set saying that any master image comes under this, I need three renditions to be generated out automatically. Or you can go extend till like say 50 renditions, right I need one is to 11, one is to six, six is to 11, all of these aspect ratio, as well as I also need certain transformation need to come, I just add my logo as a watermark. Those are all the processing profiles you can create under the image profiles or profile sets. There is a lot of configurations you can actually click on it and then check it out saying that you can create a large image, medium image, you can provide the dimensions, you can provide the process processing engine. So these are all comes under part of the image profile. So image profile is also used as part of the smart crop, right. So if you actually want to use the feature of smart crop, I will touch base upon the smart crop in the next few slides. But image profile is broadly used in many places, it is a static renditions or smart crop renditions, both are configured under the profile set. Anything you want to do a transformation for an image, right, you want to apply a default color as part of these images, or a watermark logo or something that you need to do, that is where it will comes like a image preset. The preset is more of like a transformation where image profile is more of like a rendition. So that is that is the crisp of it. Same thing is applicable for the video as well. Video has its own profiles that you can explore that. So once you set it up, your image profiles are based on your requirements of assets, variations, as well as any image processing presets that you need to do, then we are almost like 60 to 70% is completed with your dynamic media setup. Then the next setup is like okay, I set it up all of these things, but where I have to use it in my components, right? Or how to use to set it up the smart crop. So smart crop is a very advanced feature which is coming as part of Adobe Sensei, which is an AI feature, which what it actually do is once as I mentioned, right, so if I, if you enable smart crop profile, and you define your renditions, whenever you upload an image, it will automatically process that image with the different kind of like a focal points. So it will actually based on what is the size of the image AI will automatically position the cut of the what is the cut required for the image. Once the author comes and then he click on that image, he can able to adjust, you can actually move this shadow to this side or this side, and then you click on save, then that particular image will be saved as part of those renditions, right? So you don’t need to like go and specifically create every time renditions, you can come up with different variations of renditions, and you can put it into smart crop profile, and you upload a master image, it will automatically go and then position the images as part of it and save it automatically. And whenever the author thinks that, okay, this position is not that I feel he can go and adjust that as well he can able to do it. So by doing it, your image profiles are already available. So now how we will actually go and use it for aem components, right? So you go to the aem template that is a dedicated. If you are the prerequisite is you need to have a core components, right version three image component need to be installed. If you are actually extending the image version three image core component, then automatically you can able to see the policy template editable policy where you can enable the dynamic media. If you enable this as part of the template policy, then you can able to see this particular extra box where metadata as part of the image component, then then it is all like an out of box feature you can able to easily relate, you can choose the image and you can select your smart crop profile and you can select your renditions what you are placing it it will be comes in the drop down, you can just choose it and then save the image it will automatically go for it right. So if there is something called auto, if you select auto, what are all the different renditions that you are already generated based on the view size, it will automatically pick up the right renditions that is coded as part of the core component itself. So you do not need to reinvent the entire wheel where it is just there already within the core component itself. Then I will just touch base upon the the out of box viewers, out of box viewers is something like you can you can have a different kind of viewers where if you have enabled already a dynamic media within your AI MSX box, then you can able to see image sent as one of the things pin set, mixed media set or a carousel set. The within these kind of things you can actually able to create rich interactive image viewers. For example, in this interactive video, in this particular video, you can also like load for for this, this particular timeframe, I the for this particular snap of that image, I want to promote my product list or a catalog or ecommerce list, right. So you can actually set it up by clicking on the interactive video set. And you can actually tell exactly at this point, you can browse and select the images. And then that as part of the images, you can feed a JSON, which will actually get the price information. And then it can actually, when the video is playing, this will automatically come as part of the video itself.

So if you are enabled this picture, you click on this particular one on seeing that itself, you can it is a self guided, you can easily able to relate these things. And then the video player, you can also like use auto box video player that is a dynamic media once you enable the dynamic media as part of the image component or the video image component, then you cannot actually see the metadata where you can select the video player using the out of box dynamic media video player, you don’t need to build a video player for this. And, but and it also have, once you select it also have other informations like you can give a modifier where you can override the poster image, there’s a lot of features available, you can disable the share options, a lot of things that you can control it.

Then the next one is the architectural type. So, so different customers having a different requirements. So in case like if an AEM assets is already available as an on prem or AMS, where your dynamic media is enabled on top of that instance, and you are using like you want to like do the same thing like you do the processing all those things at that time, what will happen is these two instances are sitting in a different so dynamic media is sitting in the cloud where AEM assets is on prem, what you need to do is you need to create a dedicated dynamic media processing profile workflow to configure to a selected folders. So you go to the folder level, you create a launch workflow and you will configure the dynamic media reprocessing profile workflow will be triggered automatically when you upload an image there. What will happen is when you upload the image on the on prem or AEM assets, then the dynamic media profile will pick it up, it will process the image and sync it back to the to the AEM cloud.

Right.

Yeah, so that is the on prem. And another one is AEM as a cloud service as a native. So if in case if your dynamic media is not enabled, you can go to the environment side of it where you can enable the dynamic media, your system admin can do automatically based on what license. So this is the setup from the productions. If you enable it, it’s native integration, right. So it is sitting on top of the AEM assets as a cloud service.

One API if you are in the cloud, but if you are in the on prem, that options might not be available for you.

And another thing is like a dynamic media open API, which is comes as part of the AEM as a cloud native. So there are in a very larger enterprises, you may end up saying that, okay, my AEM sites instances are separate, or my AEM dam or AEM assets instance is a separate where I do have multiple AEM sites instances. In such cases, how I will leverage the centralized repository of AEM assets as a cloud. In such cases, the recommended options will be dynamic media open API. So what will happen is like, so normally, from an from those licensing perspective, you may need to get in touch with your accounting. But normally AEM assets if you if you have AEM asset does not mean that you will have dynamic media, right? It is a separate add up which need to come which will come as part of as part of the AEM assets. Right. Okay, so, so this is the widely used architecture model. One is an on prem, another one is the cloud, another one is a dynamic media API. Just Alright, looks looks like Vangajesh just, welcome back.

So, okay, so that is the architecture side of it. So I’ll touch base upon so we actually seen how to scale the images from a delivery aspect, right? So you have one master image, how you are scaling it for all your media channel, omni channel scaling purposes. Now, the other way to look at it, right. So from a developer perspective, you know what, like I have I know like dynamic media is there, but I have I’m not using AEM, but I am using say, React applications or I am using Salesforce or any other like HubSpot or any other tools where I want to leverage a single source of place where for the asset selection rather than download the image and then uploading to the different system, which creating a lot of duplications. In such cases, dynamic media API comes into the place, which is recently released a thing around one out of his back. And then it is it is more of like a micro frontend asset selector module, which is provided by Adobe. What is the main purpose of it, right? So there are two ways, the older way, I think many of the AEM guys, if we are in the call, understand about connected assets, right? It just comes in even in the connected assets. It is even though you install and connect the connected assets for the dynamic media, you are still your assets will be downloaded to your local, which means downloaded to your AEM instances. So those duplications is now taken away by this dynamic media open API. So what technically how it works is you have an instance you have like multiple AEM sites instance, you have only one AEM assets instance, you want to make this as a centralized AEM dam repository for all of these sites. So you do not want to like someone download this image and upload it in the individual AEM sites. If you want to restrict that way, then what you need to do is like you can take the dynamic media open API comes with out of box SDK, which is micro frontend asset selector module, install it within the AEM sites components or content fragments, where you click on the asset selector, you will see a different interface where you click on it, it will open the asset selector of AEM assets, which is a dynamic media interface, which are all the images where you are seeing, these are all approved images. So in AEM assets, some images is not approved, which will not you see it in this particular asset selector, all of the images which are on approved state only visible in the dynamic media asset selector, right. So in order to enable it, I just mentioned few steps like you can check with your system admin or you can raise a support ticket. If you are already having a dynamic media, there is an option called enable the API dynamic media API. So this action need to be performed as a prerequisite before you want to leverage the dynamic media API. So that URL is a little bit different, it will come as delivery. And then it will have a certain name and that unique asset ID that I talked about it. On top of it, you can still be able to apply the modifiers as well. Right. So I am just giving a few steps how to enable it micro frontend asset selector not just for AEM assets, but even for the other applications that you want to wish to do it. Right. So this is currently supported in if you are having an AEM assets in cloud, and if you want to enable it in say AEM sites non-prem, this is currently enabled in AEM 6.5 SP8 and AEM as a cloud service as well, you can use that. And you can use this next Gen OSGI configure the IMS tokens. And then you can able to see this kind of a new interface. So when you click the asset selector within that image, you can see two options. One is a local which is opening your site selector, which is local dam. And if it is a remote, it will automatically open the asset selector. All of these images are approved images from the AEM assets, which is processed by dynamic media.

Right.

There’s a lot of questions, I guess, I’ll just take. Yeah, I was just gonna say we can get, we will get to some of your Q&A everyone. We’re almost wrapping the presentation. So we do see your questions. And we’ll jump on those in just a sec. Okay, so, so once you have done so, what I’ll just quickly summarize it before going to the cash validation. So what we have actually seen is what is dynamic media? What is it’s benefited for immediately for the business as well as the developers. And then we have seen what is the basics of dynamic media. And then we have also seen like how to enable it in terms of configuration by a super admin, how to enable it quickly for your instances. We also seen how to like, configure different profiles versus processing profiles. And then we also seen how to enable within the AEM component within AEM, how it can be used. We also touched base upon the smart crabs, how to create the smart crab for different profile sets, and then how to leverage it within the AEM components, how to enable it for it. And then we also touch base upon the different architectural models, including the dynamic media open API. And we also touched based upon micro frontend selector, how to like enable it and used across for different applications as well. So cash invalidation is one of the aspect which is once you actually operationalize dynamic media, sometimes like you run a campaign, some images like you changed it recently based on the campaign requirements, which is not fleshed out in the CDN of dynamic media or in your CDN you need to anyway write a separate feature. But within the dynamic media, I already mentioned right, it is a CDN on its own. So how to like flesh it out within the dynamic media. So you can actually there is a separate thing called dynamic media cache template, cache invalidation template, where you can mention all of your permutation combinations in terms of for this asset ID, anything starts with this asset ID or any modifiers, any pre rules request, the query string parameters, right. So these are all the different formats that you can provide the template. Once you save this template, then this is become reusable, right. So any image you go and select the image, use the existing template, clear the cache, it will flush all of its variations, which you mentioned it on top of it or else you have to pick the individual URLs and provide the list of URLs. And then you can clear the cache as well. So this this one is a template creation. And this one is more of like how to using the template and doing the caching validations.

Right. And yes, we are. All right. I will take over. Thank you, Venkatesh. That was so in depth. I really, really appreciate all of all of the guidance you’re giving people here. So we’re also going to launch a poll if any of you have to drop. We just want to understand what you learned through this session. But we’re going to jump into some of the questions if that makes sense.

So one of the key questions we have and I’m doing a mix of chat and the ask a question panel. If anybody wants to put questions in, ask the presenter’s panels a little bit better. But if it’s already in chat, we’ll be looking through them. So don’t worry, we will get through these. So one question is image input crop has a different URL for each rendition. How is it embedded on a website? Does every rendition need to be consumed separately? Maybe within a media query or something? So maybe you want to start with that. There’s some sub parts to that question. Okay, so I’ll take on it. So normally, like, if you’re actually using a smart crop, what will happen is you have different different image renditions on top of the master image, right. And if you’re enabling a core, that’s what I mentioned about like V3 core image. So if you’re actually using that image, say if you are having a you have actually created a smart crop for almost all of the combinations of different sizes, from a tablet to the mobile to the banner to the square, right. So all of these renditions are already created. If you’re that particular, when you’re actually like in the image component itself, you see an option saying that choose the smart crop profile and the options either you can individually select the individual rendition profile, or you can select auto. If you’re making that as an auto automatically, what will happen is when you are like you are making the size, the image component, the V3 image component are built in a way that it will pick up right rendition based on the media query. You don’t need to map it individually if you’re using an AEM site as a head full.

All right, that’s very helpful. So another question is as dynamic media has a flat structure, what are best practices for naming assets? So that is part of your AEM assets, DAM strategy, right. So I already mentioned, right. So it is a dynamic media setting on top of AEM assets. So there are two ways to look at it. In dynamic media, it is it’s an unique, unique profile asset ID, right. So you can actually configure when you are actually processing, I showed you right. So when you’re configuring a dynamic media configuration, you have an option to tell saying that if you find a duplicate override with this image, or you can also tell saying that okay, ignore this and use that original image, right. So you can configure by overriding it. Or the other way to look at it is if there is any duplication comes normally as like AEM, if people are using AEM, they know saying that okay, if there is a page name already exist, you create a the same page name, it will automatically add underscore one the same behavior applicable here as well. Right. So you need to be cautious about your dynamic media’s image name conventions. Normally, the the flat structure hierarchy, you need to come up with your prefix, like a category, follow the strict guideline, I think that is AEM champions are already talking about a detailed perspective on AEM assets, I think we will actually add as part of our source resources as well. Right. So you can check that the year it will come in detail, like how you actually go about your AEM assets for the structure strategy.

Excellent. And we will be sharing links to the resources at the end of this session. And there will also be a community post, I’ll be sharing a link to that. So we will definitely give you links to a lot of these different resources. I think there are two questions related to API. So I’ve just worked with dynamic media classic. So this is in reference to open API. So normally, that’s what the aim is, I’m talking about, right. So normally, a dynamic media classic comes in, still, Adobe accounting can able to enable that feature and provide you the credentials to configure it in your AEM itself. So all you require is the credentials to configure. Once you configure it, you can test to connect it with the classic as well. So it will work in that way as well. Okay, that makes sense. Then a related question, is there a scenario or use case where the dynamic media open AI doesn’t work? In one scenario where you have an AEM assets as as a on prem, which is not a cloud service. In such cases, you may not use the dynamic media open API, the prerequisite for dynamic media open API is AEM assets to be a cloud service. Okay, but for AEM sites, so if you are having AEM assets as a cloud service, but you are on prem sites is like on prem. In such cases, if you are having a service back, more than 18 or AEM sites as a cloud services, you can still use that. Hope I answered the question. Yeah. Okay, that makes sense. Um, a question from Chelsea manually moving the image around for the rendition is that not available at the moment. And I don’t know Chelsea, if you want to put more in there, do you mean like, with a cursor moving the image around for this where the smart crop is going to apply, maybe put more put a little bit more detail in there. We’re happy to happy to get to that one. Will dynamic media automatically resize the images based on the defined multiple different sizes and be saved in the respective folder structure? Is that the main feature set of dynamic media? So dynamic media, like I already mentioned, right, so it is independent of the folders, right. So once you created your profile set, then you can configure it on the folder itself. So when you’re actually enabling it in the assets level folder, you go to the properties of the file, you can select dynamic media processing that one tab is there, I think that screenshot also attached it where you can select saying that which profile that apply when you upload an image inside this folder. And you can tell saying that and I want to inherit this property for all my subfolders as well. If you do that, then any of the folders you upload that image, the parent profile will get applicable to downloads as well. There is no one more question I’m saying the remote selection is available in the core image component by default. No, the remote selections will be available if you’re enabling the dynamic media feature, but it won’t work directly where you need to do some YJ configurations where you need to get so because it’s an API anyways, so anything from a cloud API, you may require an IMS token. So you may need to work with your system admin or support teams to generate those IMS tokens. And you have to configure it in the YJ in order to enable that.

Okay, very helpful. Sometimes the AI automatic positioning based on focal point is not always the position I want to be focused on. Can I manually move the image within the cropping that’s what I was thinking you were getting after.

So when basically when they’re when smart crop is being applied and if it is applying the crop on the wrong focal point, how can they manually then fix the image after on the focal point that is desired. So if the smart crop like crops it down and cuts a person’s face off and they were supposed to be the focal point, you know, what are the options in terms of after the smart crop is applied to go back and reapply a focal point.

So usually in this case, right, so you already created a smart crop profile where it just applies it, where once it starts processing it, right, you can go that image where you can click on the three dot and see saying that smart crop one option will be there you click on it, it will actually show you an author to do that adjustment, right, you can manually go and adjust for that rendition that you think that okay this is not the correct focal point, I want to move it to say left properly and then you click on save that will persist back to that particular image.

Okay, that’s great. Relatedly, we crop images ourselves and load as renditions because the cropping needs to be done in specific areas. Can we manually choose the cropping area? My question is kind of a follow on. Does it, maybe what are the benefits of having dynamic media do a lot of that smart cropping and then starting to train it as opposed to continuing to do this manually in terms of scaling and scalability? I think that’s a key focal point of this webinar is that yes, you can do a lot of this manually, but you know, why should you be starting to let the dynamic media features take over? So the good feature from the dynamic media is the smart crap which is using an Adobe Sensei by automatically, right, so it is already a trained model. We don’t need to do that anymore training. What it will actually do is it will identify the most centered image of that particular image and it will automatically push in its, it will identify the object detection and then it will put the focal point on top of it. But it will also not doing by its own right. So because it’s still in author when you’re uploading an image, it’s still in author, the author have a full rights to say saying that okay, out of all of these renditions, some I really want the position has to be instead of here, I want to move it, it provides that options. Where people will get confused always between the smart tag versus smart crap. Smart tag is the feature where it will provide you that training methodologies, right, where smart crap doesn’t, it has its own feature of dynamic media. You cannot train that which is already a defined model, which is an Adobe Sensei model which is applied here. Okay, that’s helpful. I will try to put in the resources. There was an Adobe Summit session specifically on the Adobe Sensei smart tagging as well as the newer enhanced AI enhanced tagging. So they’re two different automated tagging capabilities. So I’ll also look to share resources on those because having that metadata is also important in terms of searchability to, you know, have some of those have some of that tagging applied. So that’s another way that you can find those assets. And we have another great question from Nag. Thank you. We’re using AEM EDS. So we have a lot of services in AEM sites. And we have custom blocks to consume the dynamic media open API assets. But in our case, we’re consuming those renditions individually, like tablet rendition within tablet media query, mobile rendition within mobile media query. Is there any way to avoid writing multiple media queries to consume each rendition? As a mouthful? I think I covered it earlier as well, right. So if you’re using an AEM core components as a V3 component, it has its own logic on that, right. So you are using a smart crack profile, where you go as an auto, if you’re making that profile and then the attribute as auto, then automatically the image V3 components will do that logic on its own. You don’t need to explicitly write, but if you are writing your own image component, right, then you may end up writing those logics for sure. Okay, that makes sense.

Use V3 component and for your own purpose, extend it and then go on top of it. Okay, that makes sense. I have a couple questions around on prem and licensing. So, as Venkatesh said that really what you have access to in your licensing is highly dependent on the overall Adobe ecosystem of what licensing you own. One question was, is our dam is on prem? So that’s AEM assets is on prem, but AJO is on the cloud. Can through AJO we use dynamic media assets? That is a big tricky question.

Maybe not a solution for today. Your dam is you’re already using it in on prem, where your dynamic media renditions is processed in a dynamic media server and then persist in your on prem server. So, connecting on prem server to AJO, not possible, where if it is another way around where assets is an on prem, in that case from the cloud to AJO is possible. So, that’s a straightforward answer. So, on prem, even though you are having a dynamic media in the cloud, where you’re still using on prem to just a processing engine, then you cannot, but in AJO, you can actually give them a master image URL. So, if they have the master image URL, they don’t connect it to on prem servers where you still can able to use the same URL and then you can take it from there. Okay. That is great. Have I missed any questions? So, we’ve been scrolling through, if anybody, if you see that I’ve missed your question and you want to just pop me a note, I’ll scroll back up and find. Oh, I see one.

The remote selection is available in AEM Core. Does it need any separate configuration? Do we answer that one? The remote selection is available in AEM Core image component by default, or does it need a separate configuration update? Yeah, I trust that. Yeah. Cool. All right. This was amazing. I’m going to just pop over and share a couple of follow-up resources.

Definitely, if you want to answer our polls, there is a second poll being launched just about the quality of the information from today’s session. In the upper right, there are actual links to resources. We will be sending some of these resources out with an email follow-up as well as the link to the recording. I’m going to share a few more things to just call your attention to how you can access more resources. This QR code specifically goes to a post in the community. So, we posted the original advertisement for this session in there. We will be putting all of the resources in that post, in a reply in that post along with the slide deck, along with the link to the recording. And as we get other ideas on resources that we can share, we will add them in that community space. So, if you want to use this QR code and look through in the community, you can find that. You can also just go to experienceleak.adobe.com, go to the community area, go to the AEM assets community, and you will find this post. So, definitely would love to have you continue the conversation there.

This slide deck that we will post there has resources, how to set up dynamic media, dynamic media modifiers, best practices for setting up dynamic media, et cetera, so you will get links to all of these great resources. I wanted to call out the AEM Champion Program. So, we, as I said, Venkatesh is one of our esteemed AEM champions. That means he has proven his expertise in this area and in this field. And he works with us to build adoption content like this to help us improve our programming and answer real world questions that are peer to peer questions. It’s great for you guys to read the Adobe doc, but it’s much valuable to hear from a peer about lessons learned when they implement different features. So, I first want to thank Venkatesh and encourage anybody who is also interested in helping others in the community. Our champion program is 100% about finding people who have expertise in Adobe solutions who are willing to share that expertise. So, if that speaks to you and what you like to do, definitely apply for our AEM Champion Program. If you look on experienceleague.adobe.com or use this QR code, we’re actually having a webinar a week from today to share tips and tricks for making a really, really strong application. So, I encourage any of you who are sharers of knowledge to consider applying for AEM champions. We also have champions for other solutions, AEP, commerce, Marketo, et cetera. So, if you’re a multi-stack expert, you can consider applying in whatever solution you feel most strong. I also encourage you to join the webinar. This is a QR code just for the webinar that I mentioned. And then we have Adobe User Group. So, this session today was a learn from your peers webinar. Much, much more frequently, we offer user group meetings. We have user-led meetings about Experience Manager. We have user groups that are based in certain areas. We have user groups based on certain disciplines like dam managers. If you go and join the Adobe Experience Manager User Group site, you can then choose specific chapters you want to be a member of, and then you’ll get auto-notified when that chapter hosts their next meeting. Some of the meetings are virtual, some are in person, but you will get notified of upcoming meetings. These are great in-depth sessions. I will say that there’s a high correlation between champions either hosting these sessions and finding very, very skilled speakers for specific topics as well as champions presenting. So, another great opportunity to get peer content. Anyway, we want to also thank you all for coming and staying so long. We are thrilled to have had this session with Venkatesh. We encourage you to go look into trying dynamic media in your AEM Assets instance. And we encourage you to continue to go to experienceleague.aw.com events area and look for new events to register for. We love hosting these events and we love hearing your feedback. So, do not be shy about reaching out in these polls and panels to tell us more about how you enjoyed the session and what you learned and or post any comments or feedback in our community area. And so, until next time, thank you for joining us today. Have a great time using AEM Assets and we hope you do more with dynamic media after today’s session. Take care, everybody. Thank you. Thank you, Dean. Bye, everyone.