Thursday, March 28, 2024

Install yarn on windows

 In this article, we will see how we can install yarn on windows.

First lets understand what yarn is?

Yarn is an established open-source package manager used to manage dependencies in JavaScript projects. It assists with the process of installing, updating, configuring, and removing packages dependencies, eventually helping you reach your objectives faster with fewer distractions.


  1. Start by enabling Corepack, if it isn't already; this will add the yarn binary to your PATH:

corepack enable

yarn set version stable // install the latest stable version

yarn install


Check version of yarn:


yarn --version

yarn set-version:


yarn set version:


Install the specific yarn version. for eg: 4.0.2 then run below command

yarn set version 4.0.2






Happy Coding!

Thursday, March 21, 2024

Set up local AEM SDK

 Adobe Experience Manager (AEM) can be run locally using the AEM as a Cloud Service SDK’s Quickstart Jar. This allows developers to deploy to, and test custom code, configuration, and content before committing it to source control, and deploying it to a AEM as a Cloud Service environment.


Follow  aem local setup, all steps remain same except AEM SDK jar file.

Download the AEM as a Cloud Service SDK


  1. Open Software Distribution portal.  Log in to https://experience.adobe.com/#/downloads with your Adobe ID
  2. Note that your Adobe Organization must be provisioned for AEM as a Cloud Service to download the AEM as a Cloud Service SDK.
  3. Navigate to the AEM as a Cloud Service tab
  4. Sort by Published Date in Descending order or search aem sdk in filters.
    Adobe Software Distribution Portal

  5. Click on the latest AEM SDK result row.
  6. Review and accept the EULA, and tap the Download button.

Extract the Quickstart Jar 

Unzip the downloaded aem-sdk-XXX.zip file

aem sdk- verion extract


You can see it has dispatcher in the same zip file.Ignore for now
Use cq-author jar for author setup. You can rename this jar to "aem-author-p4502.jar"

  • Create the folder ~/aem-sdk/author

  • Copy aem-author-p-4502.jar to author folder.
  • Extract jar by
    • java -jar aem-author-p-4502.jar
    • Provide admin password as "admin".
  • Access the local AEM Author Service at http://localhost:4502 in a Web browser

Setup Publish Instance


Follow same steps for publish instance. Jar name would be "aem-publish-p4503.jar" and extract jar by:

java -jar aem-publish-p4503.jar.

Access the local AEM Publish Service at http://localhost:4503 in a Web browser.


Note:You cannot start the AEM as Cloud Service Quickstart Jar by double-clicking.


Happy Learning!


Wednesday, March 20, 2024

Adobe’s Edge Delivery Services fires Digital Experiences

 

In today’s digital age, providing fast and engaging web experiences is a top priority for businesses. 

Content needs to be faster, more personalized, and globally scalable. Adobe Experience Manager (AEM) has long been a leader in content management systems, but with the introduction of Edge Delivery Services, it's taking content delivery to a whole new level. 

Let’s understand what Edge Service is.


What are Adobe Edge Delivery Services?

Adobe Edge Delivery Services, formerly known as AEM Franklin and also referred to as Project Helix or Composability, offer a novel way to publish AEM pages using Google Drive or Microsoft Office via SharePoint. 


Edge Delivery Services offers:

Fast Sites with High Performance: Create fast sites with a perfect Lighthouse Score and continuously monitor your site performance through real user monitoring (RUM).

Increase Authoring Efficiency: Increase authoring efficiency by decoupling content sources. Out of the box, you can use both AEM authoring and Document-based Authoring. As such, you can work with multiple content sources on the same website.

Built-in Experimentation Framework: Use a built-in experimentation framework that allows quick test creation, execution without performance impact, and fast release to production of a test winner.


How do Edge Delivery Services work?

The below diagram illustrates how you can edit content in Microsoft Word (document-based editing) and publish to Edge Delivery Services. It also shows the AEM publishing method using the Universal Editor.





Edge Delivery services is a composable set of services that allows for a high degree of flexibility in how you author content on your website. As mentioned previously,you can use both AEM content management with Universal Editor authoring as well as Document-based Authoring .

For example, you can use content directly from Microsoft Word or Google Docs. This means that documents from those sources can become pages on your website. Furthermore, headings, lists, images, font elements can all be transferred from the initial source into the website. The new content is added instantly without a rebuild process.

Edge Delivery Services uses GitHub so customers can manage and deploy code directly from their GitHub repository. For example, you can write content in either Google Docs or Microsoft Word and the functionality of your site can be developed by using CSS and JavaScript in GitHub. When you are ready, you can use the Sidekick browser extension to preview and publish content updates.

Usages:

Edge Delivery Services (EDS) in AEM can be employed in various ways to enhance the performance, scalability, security, and personalization of AEM websites. Here are some examples:

  • Create and publish content quickly and easily: EDS simplifies the process for non-technical users to create and publish content. Users can create a document in Google Drive or Microsoft Office and publish it to AEM with a few clicks.
  • Create personalized content: EDS can be used to generate personalized content for diverse user groups and audiences. For instance, a user could create a document with different page versions tailored to various geographic regions.
  • Create dynamic content: EDS can be harnessed to create dynamic content that adapts based on user input or other variables. For example, a user could create a document featuring a product catalog that automatically updates as new products are added.


How Edge Delivery Services is utilized ?

Team wise uses:


  • A marketing team can use Edge Delivery Services to create and publish blog posts, landing pages, and other marketing content.

  • A sales team can utilize Edge Delivery Services to create personalized sales proposals and presentations for individual customers.

  • A product team can take advantage of Edge Delivery Services to create dynamic product catalogs and other product-related content.

  • A customer service team can use Edge Delivery Services to create dynamic knowledge base articles and other customer support materials.

  • Organization wise use:

  • A media company employs Edge Delivery Services  to produce personalized articles for its readers, utilizing AEM EDS to recommend articles based on reader browsing history and interests.

  • A travel website employs Edge Delivery Services  to create personalized travel itineraries for users, suggesting flights, hotels, and activities based on their travel preferences.

  • A financial services company uses Edge Delivery Services  to craft personalized financial advice for its customers. The financial services company employs AEM EDS to recommend products and services based on customer financial situations and goals.

  • A healthcare website utilizes Edge Delivery Services  to generate personalized health information and services, recommending health tips and resources based on user medical histories and relevant factors.

Edge Delivery Services is a powerful set of tools in AEM that find applications across diverse industries and use cases, where fast, reliable, and personalized content delivery is critical to delivering a superior user experience and achieving business goals.

Take away:

Adobe Edge Delivery Services empower creators to effortlessly author content using familiar tools like documents and deliver it with exceptional page-speed scores as it provides perfect Lighthouse Score.

Refer Edge delivery service documentation here

Thursday, February 8, 2024

Magento 2.4.x setup:install problem : "the default website isn't defined. Set the website and try again."

 

In this article, We are checking if there is an issue related to database setup with below constraints:

  • Magento-2.4.x is alreay setup with composer files hence you have magento2 folder in htdocs of apache server.
  • database is already setup.
  • Database got corrupted due to any issue and you want to install db again because of some xyz reason.
  • You tried to run magento setup command and see below error.

Magento 2.4.4 setup:install problem : "the default website isn't defined. Set the website and try again."


If you will get this issue while setting up database with below command:

php bin/magento setup:install --base-url="http://yourname.magento.com/" --db-host="localhost" --db-name="magento2" --db-user="root" --db-password="root" --admin-firstname="admin" --admin-lastname="admin" --admin-email="user@example.com" --admin-user="admin" --admin-password="Admin@123456" --language="en_US" --currency="USD" --timezone="America/Chicago" --use-rewrites="1" --backend-frontname="admin" --search-engine=elasticsearch7 --elasticsearch-host="localhost" --elasticsearch-port=9200

Drop magento2 database and Go to your magento2 codebase and delete env.php file which has database information.

env.php file location: <Xampp-location>\htdocs\magento2\app\etc

Delete env.php

run magento setup command again.

Hope this helps!



Happy Coding!

Monday, September 4, 2023

Adobe Experience Cloud

 

Adobe Experience Cloud(AEC) includes a set of analytics, social, advertising, media optimization, targeting, web experience management, journey orchestration and content management products hosted on Microsoft Azure.


Adobe Experience Cloud

Products


Adobe Experience Manager (AEM)is an enterprise content management system to manage content, sites and Digital Asset Management(DAM). Learn AEM

Adobe Target: Provides everything you need to tailor and personalize your customers’ experiences. Target helps you maximize revenue on your web and mobile sites, apps, social media, and other digital channels. Learn Adobe Target

Adobe Analytics  is one of industrial leading tool for Web Analytics. Besides default metrics and dimensions, the tool allows user to define tags implemented in webpage for web tracking, so that to create customized dimensions, metrics, segmentations, as well as to create user own's report, dashboards to make various digital marketing, user behavior analysis. Within Adobe Analytics, a tool called Data Warehouse is also provided for scheduling and delivering raw data by email or to FTP server for further data analysis. Learn Adobe Analytics

Adobe Campaignis an enterprise Digital Campaign Marketing System. 
Pulls together cross-channel customer data into a single view and then puts it to work to create personalized cross-channel campaigns that meet customers where they're at. Campaign Marketing automation platform used in email automation, delivery and reporting. It allows users to create, coordinate and deliver dynamic campaigns through emails, mobile platforms and offline channel. 

The software provides cloud-based, web-services service that manages direct marketing campaigns, leads, resources, customer data and analytics. The software also allows companies to design and orchestrate targeted and personalized campaigns from direct mail, e-mail, SMS, MMS and more. Learn Campaign

Adobe Workfront: An enterprise work management solution for teams looking to strategically prioritize, assign, and complete projects with speed, at any scale. Learn Workfront

Adobe journey Optimizer: allows Customer to orchestrate omnichannel Journeys, determine the next best action to take for their customers and deliver contextualized Offers that are personalized and optimized in-the-moment. Learn Adobe journey optimizer

Adobe Experince Platform(AEP)enables organizations to centralize and standardize customer data and content from any system and apply data science and machine learning to dramatically improve the design and delivery of rich, personalized experiences.  Learn AEP

Happy learning! 



Adobe Experience Manager in Digital Marketing

 

In today’s digital era, businesses want to manage content that is changing continuously and deliver personalized journey to customers. For eg: user A create account to an e-commerce website and submit profile details like age, gender and some preferences. On basis of these, personalized products are shown for this user. Hence business faces these challanges & needs to manage all these use cases in simple manner.


Adobe Experience Manager solves these challenges in digital world. So let's discuss what these are..?


Content Management 


One of the most significant challenges for digital marketers is managing and delivering content across multiple channels like desktop, mobile etc. AEM provides a centralized platform that streamlines content creation, organization, and distribution.

With its interface, marketers can easily collaborate, create personalized user expriences and manage content variations effortlessly. 



Personalization and Targeting


Digital marketers seek to deliver personalized experiences that reverberate with individual customers. AEM’s powerful personalization and targeting features enable marketers to create dynamic, contextually relevant content that engages users at every touchpoint. 

By leveraging customer data, AEM allows for real-time personalization, ensuring the right content reaches the right audience. 


what is personalization in AEM. Refer adobe doc

 

Enhanced Digital Asset Management


Digital assets such as images, videos, and documents, 3D files etc, is crucial for maintaining brand consistency and delivering engaging experiences. Assets is a Digital Asset Management (DAM) tool that is an integral part of the Experience Manager platform and enables your enterprise to manage and distribute digital assets

AEM offers robust digital asset management capabilities, allowing marketers to organize, search, and repurpose assets effortlessly.

AEM DAM is OOTB and apart from this for Adobe provides Dynamic media to serve interactive viewing experiences includinf zoom functionality, 360 spin etc.

What is DAM in AEM?


Multi-Channel Delivery


Delivering a consistent and personalized experience across various channels, such as websites, mobile apps, and social media platforms, is vital for success in digital marketing. AEM enables marketers to seamlessly publish and manage content across multiple channels from a single platform.


Scalability


As AEM as cloud services is designed to handle high volume of user requests effiently. The clooud native architecture allows authentication system to scale seamlessly to meet increased demand. When there is peak time or sudden spikes are there in user actibity this platform ensures that auth processes can accomodate the load without compromising performance.

AEMaaCS has auto scaling features as complete architecture deployed on kubernetes k8 pods.


Integration


AEM as cloud integrates with other adobe experience cloud solutions and 3rd party system seamlessly. This integration allows for a authentictation ecosystem where different organizations work together. Organizations can easily integrate theri auths system with IAM i.e. Identity Access Management solutions, user directories etc.
The integration and extensibility facilitate streamlined workflows, make user management efficientand more control over content and digital access by ACL policies. 


Adobe Experience Cloud( AEC) provides everything and is game changer in today's digital era. It provides all tools required to develop any website and for better user experience. Refer what AEC includes?



adobe experience cloud





Wednesday, August 23, 2023

Complexity of templates and applications for the AEM6.5 publish

 

In this article, we can discuss how we can determine the number of servers (or CPU cores) you need for the AEM 6.5 publish environment for an applictaion having simple and complex templates.

Below is the formula to find out number of servers:


servers = n = (traffic * complexity / 1000 ) * activations


complexity = applicationComplexity + ((1-cacheRatio) * templateComplexity)


where:

trafficThe expected peak traffic per second. You can estimate this as the number of page hits per day, divided by 35'000.

Consider below Caching efficiency and traffic

Cache efficiency is crucial for the website speed. The following table shows how many pages per second an optimized AEM system can handle using a reverse proxy, such as the Dispatcher:

Cache ratioPages/s (peak)Million pages/day (average)
100%1000-200035-70
99%91032
95%69025
90%52018
60%2208
0%1003.5


applicationComplexity

Use 1 for a simple application, 2 for a complex application, or a value in-between:

  • 1 - a fully anonymous, content orientated site
  • 1.1 - a fully anonymous, content orientated site with client-side/Target personalization
  • 1.5 - a content-orientated site with both anonymous and logged in sections, client-side/Target personalization
  • 1.7 - for a content-orientated site with both anonymous and logged in sections, client-side/Target personalization and some user-generated content
  • 2 - where the entire site requires login, with extensive use of user-generated content and various personalization techniques.
cacheRatio:
The percentage of pages that come out of the Dispatcher cache. 
Use 1 if all pages come from the cache, or 
0 if every page is computed by AEM.

templateComplexity:
Use a value from 1 through 10 to indicate the complexity of your templates. Higher numbers indicate more complex templates. 
Value 1 for sites with an average of 10 components per page, 
Value 5 for a page average of 40 components and 
value 10 for an average of over 100 components.

activations:
Number of average activations (replication of average sized pages and assets from the author to the publish tier) per hour divided by x, 
where x is the number of activations done on a system without performance side effects to other tasks processed by the system. 

Thanks for reading.

Happy coding!

Install yarn on windows

 In this article, we will see how we can install yarn on windows. First lets understand what yarn is? Yarn is an established open-source pac...