The document is a presentation about customizing user interfaces in AEM 6. It discusses how to extend both admin screens and page authoring. For admin screens, it explains how to use Sling resource merging and overlays to customize existing screens or create new ones. For page authoring, it describes how to work with editables, components, overlays and layers to extend editing capabilities. Examples are provided for adding toolbar actions, custom editors, layers and more. Resources like documentation, examples and recordings are provided for further information.
Deep Learning-based Image Recognition: Intro to Amazon RekognitionAmazon Web Services
by Mikhail Prudnikov, Solutions Architect, AWS
This session will introduce you to Amazon Rekognition, a service that makes it easy to add image analysis to your applications. With Rekognition, you can detect objects, scenes, and faces in images. You can also search and compare faces. Rekognition’s API lets you easily build powerful visual search and discovery into your applications. With Amazon Rekognition, you only pay for the images you analyze and the face metadata you store. There are no minimum fees and there are no upfront commitments. To get started with Rekognition, simply log in to the Rekognition console to try the service with sample photos or your own photos. Join this session and learn more about Amazon Rekognition!
Adobe Experience Manager - Replication deep divemwmd
Slides presented at the Circuit14 conference in Chicago 6/4/14. Topic was the replication framework of Adobe Experience Manager (AEM) and how it can get customized to address various use cases.
Demonstrated sample code is accessible at GitHub: https://github.com/mwmd/circuit14-aem-replication
Deep Learning-based Image Recognition: Intro to Amazon RekognitionAmazon Web Services
by Mikhail Prudnikov, Solutions Architect, AWS
This session will introduce you to Amazon Rekognition, a service that makes it easy to add image analysis to your applications. With Rekognition, you can detect objects, scenes, and faces in images. You can also search and compare faces. Rekognition’s API lets you easily build powerful visual search and discovery into your applications. With Amazon Rekognition, you only pay for the images you analyze and the face metadata you store. There are no minimum fees and there are no upfront commitments. To get started with Rekognition, simply log in to the Rekognition console to try the service with sample photos or your own photos. Join this session and learn more about Amazon Rekognition!
Adobe Experience Manager - Replication deep divemwmd
Slides presented at the Circuit14 conference in Chicago 6/4/14. Topic was the replication framework of Adobe Experience Manager (AEM) and how it can get customized to address various use cases.
Demonstrated sample code is accessible at GitHub: https://github.com/mwmd/circuit14-aem-replication
SAP Business One Integration Problems and Solutions - DI server DI API B1WSAPPSeCONNECT
During the Process of Upgrading and Configuring the Server you may find multiple Issues, So in this Presentation we have describe some common SAP Business One Integration Problems & their Solutions in DI Server, DI API & B1WS. If you faced any problem you can check its detail in this blog. http://bit.ly/b1-connect-problems
In this presentation we'll explore the latest developments in MuleSoft's Anypoint Code Builder IDE and how it can help streamline your integration projects. We'll also dive into the exciting world of Splunk and demonstrate how to efficiently push your application logs to Splunk for real-time analysis and troubleshooting.
Adobe Experience Manager is a CMS that gives you the power to deliver valuable content to your audience on different channels.
Adobe Experience Manager organizes, manages, and delivers creative assets.
AEM adds value to other Adobe tooling such as:
- Campaign
- Analytics
- Audience Manager
- Target
See in these slides how these toolings blend with Adobe Experience Manager.
What's New in KNIME Analytics Platform 4.0 and KNIME Server 4.9KNIMESlides
All the information about the latest features in KNIME Analytics Platform 4.0 and KNIME Server 4.9.
What we cover:
- New features of the KNIME Hub (hub.knime.com)
- What components are and how you can use these to bundle functionality for sharing and reusing
- Performance improvements
- New database integration
- New machine learning functionality
- New Plotly Integration (which brings all kinds of exciting interactive visualizations)
- New Spark nodes
- KNIME Server Remote Workflow Editor
- Scheduling improvements
- KNIME Server Distributed Executors
Webinar link: https://youtu.be/slOIiQzT_7E
What's New Document here: https://www.knime.com/whats-new-in-knime-40
Oracle Database Availability & Scalability Across Versions & EditionsMarkus Michalewicz
The Oracle Database provides a comprehensive set of availability and scalability features. The availability of those features, however, differs between versions and database editions (e.g. Standard and Enterprise Edition). This presentation reviews and discusses some of these capabilities across different versions and editions, on-premises and in the Oracle Cloud, including the recent change in support for Oracle Real Application Clusters (RAC) in the Oracle Standard Edition (SE)2.
(Recording at: https://vimeo.com/139965928)
How to customize the User Interface in AEM 6.1?
- Extending Component Dialogs
- Customizing Page Properties view
- Customizing Search Forms
CIRCUIT 2015 - UI Customization in AEM 6.1ICF CIRCUIT
Andreea Corbeanu & Christian Meyer - Adobe
How to extend a dialog by purely providing the missing pieces via the Sling Resource Merger
* Customizable search facets
How to create custom search facets
* Custom page properties bulk editing
How to add a custom field to the bulk editing
AEM Best Practices for Component DevelopmentGabriel Walt
This presentation describes how to easily get started with an efficient development workflow with Adobe Experience Manager 6.1.
The tools and technologies presented are:
* Project Archetype – https://github.com/Adobe-Marketing-Cloud/aem-project-archetype
* AEM Eclipse Extension – https://docs.adobe.com/docs/en/dev-tools/aem-eclipse.html
* AEM Brackets Extension – https://docs.adobe.com/docs/en/dev-tools/aem-brackets.html
* Sightly Template Language – http://www.slideshare.net/GabrielWalt/component-development
* Sightly REPL Tool – https://github.com/Adobe-Marketing-Cloud/aem-sightly-repl
* Sightly TodoMVC Example – https://github.com/Adobe-Marketing-Cloud/aem-sightly-sample-todomvc
How can we harness AEM6 and Sling to integrate backed layers to the CMS and expose them as a unified framework. creation of these integrations is vital for a coherent, personalize-able and track-able sites.
CQ5 Development Setup, Maven Build and Deployment6D Global
Six Dimensions and 6D-Labs are pleased to distribute its 2nd CQ webinar "CQ5 Development Setup: Maven Build and Deployment" This webinar covers best practices in building and deploying CQ5 applications.
SAP Business One Integration Problems and Solutions - DI server DI API B1WSAPPSeCONNECT
During the Process of Upgrading and Configuring the Server you may find multiple Issues, So in this Presentation we have describe some common SAP Business One Integration Problems & their Solutions in DI Server, DI API & B1WS. If you faced any problem you can check its detail in this blog. http://bit.ly/b1-connect-problems
In this presentation we'll explore the latest developments in MuleSoft's Anypoint Code Builder IDE and how it can help streamline your integration projects. We'll also dive into the exciting world of Splunk and demonstrate how to efficiently push your application logs to Splunk for real-time analysis and troubleshooting.
Adobe Experience Manager is a CMS that gives you the power to deliver valuable content to your audience on different channels.
Adobe Experience Manager organizes, manages, and delivers creative assets.
AEM adds value to other Adobe tooling such as:
- Campaign
- Analytics
- Audience Manager
- Target
See in these slides how these toolings blend with Adobe Experience Manager.
What's New in KNIME Analytics Platform 4.0 and KNIME Server 4.9KNIMESlides
All the information about the latest features in KNIME Analytics Platform 4.0 and KNIME Server 4.9.
What we cover:
- New features of the KNIME Hub (hub.knime.com)
- What components are and how you can use these to bundle functionality for sharing and reusing
- Performance improvements
- New database integration
- New machine learning functionality
- New Plotly Integration (which brings all kinds of exciting interactive visualizations)
- New Spark nodes
- KNIME Server Remote Workflow Editor
- Scheduling improvements
- KNIME Server Distributed Executors
Webinar link: https://youtu.be/slOIiQzT_7E
What's New Document here: https://www.knime.com/whats-new-in-knime-40
Oracle Database Availability & Scalability Across Versions & EditionsMarkus Michalewicz
The Oracle Database provides a comprehensive set of availability and scalability features. The availability of those features, however, differs between versions and database editions (e.g. Standard and Enterprise Edition). This presentation reviews and discusses some of these capabilities across different versions and editions, on-premises and in the Oracle Cloud, including the recent change in support for Oracle Real Application Clusters (RAC) in the Oracle Standard Edition (SE)2.
(Recording at: https://vimeo.com/139965928)
How to customize the User Interface in AEM 6.1?
- Extending Component Dialogs
- Customizing Page Properties view
- Customizing Search Forms
CIRCUIT 2015 - UI Customization in AEM 6.1ICF CIRCUIT
Andreea Corbeanu & Christian Meyer - Adobe
How to extend a dialog by purely providing the missing pieces via the Sling Resource Merger
* Customizable search facets
How to create custom search facets
* Custom page properties bulk editing
How to add a custom field to the bulk editing
AEM Best Practices for Component DevelopmentGabriel Walt
This presentation describes how to easily get started with an efficient development workflow with Adobe Experience Manager 6.1.
The tools and technologies presented are:
* Project Archetype – https://github.com/Adobe-Marketing-Cloud/aem-project-archetype
* AEM Eclipse Extension – https://docs.adobe.com/docs/en/dev-tools/aem-eclipse.html
* AEM Brackets Extension – https://docs.adobe.com/docs/en/dev-tools/aem-brackets.html
* Sightly Template Language – http://www.slideshare.net/GabrielWalt/component-development
* Sightly REPL Tool – https://github.com/Adobe-Marketing-Cloud/aem-sightly-repl
* Sightly TodoMVC Example – https://github.com/Adobe-Marketing-Cloud/aem-sightly-sample-todomvc
How can we harness AEM6 and Sling to integrate backed layers to the CMS and expose them as a unified framework. creation of these integrations is vital for a coherent, personalize-able and track-able sites.
CQ5 Development Setup, Maven Build and Deployment6D Global
Six Dimensions and 6D-Labs are pleased to distribute its 2nd CQ webinar "CQ5 Development Setup: Maven Build and Deployment" This webinar covers best practices in building and deploying CQ5 applications.
PPT on Adobe CQ introduction, it's benefits, architecture.
To get a detailed description please go through: https://www.youtube.com/watch?v=h_S8hCLzlMU
Simplify and Accelerate App Development with Adobe AEM MobilePerficient, Inc.
While some argue that the mobile apps market is saturated, Gartner has indicated that the demand for enterprise mobile apps will grow at least five times faster than internal IT organization’s capacity to deliver them, leaving many companies struggling to create mobile experiences to support their business.
In our webinar, we covered how Adobe AEM Mobile simplifies and accelerates development of mobile apps and enables marketers to:
-Increase speed to market with reduced IT support
-Manage and publish mobile experiences and content more efficiently
-Develop a centralized model to support app development
Powerpoint Search Engine has collection of slides related to specific topics. Write the required keyword in the search box and it fetches you the related results.
Open Architecture in the Adobe Marketing Cloud - Summit 2014Paolo Mottadelli
Explore the open architecture concepts of Adobe Marketing Cloud and how they increase the quality and usability of Adobe solutions. The open architecture makes Adobe components easier to integrate, test, and understand, enabling partners and customers to integrate custom data sources and applications with Adobe Marketing Cloud.
Learn about:
– The open architecture concepts applied to Adobe Marketing Cloud
– How the open architecture increases the quality and usability of Adobe solutions
– Taking advantage of integration options
This session is for the entire technical constituency, from developers to CTOs, across all Adobe Marketing Cloud solutions.
CODE BLUE 2014 : Persisted: The active use and exploitation of Microsoft's Ap...CODE BLUE
Microsoft has often used Fix It patches, which are a subset of Application Compatibility Fixes, as a way to stop newly identified active exploitation methods against their products. At Derbycon 2013 Mark Baggett discussed ways that attackers can use them for creating rootkits. Then in March of 2014 I presented an analysis of the previously undocumented in-memory patch and showed how attackers could use these to create patches and maintain persistence on a system.
This talk will provide an overview and summary of the previous work and then show how it’s currently being used in the wild. I’ll first show how third parties are using the application toolkit for valid reasons. I will then show two instances, active and ongoing in the wild, of malware using the methods we’ve described.
This is an interesting presentation on securing containers presented by Sathyajit Bhat in the Bridgei2i meetup on Cloud Native on 9th June in Bangalore.
Damien Antipa & Gabriel Walt - Adobe
In this session we will demonstrate how to configure a website project with the new capabilities of AEM 6.1. We show the benefit with the new integrated device simulator. How to leverage breakpoints and the new AEM grid system to create a new author experience with an elastic and responsive layout. We will discuss new tooling for web designers and component developers as well as new opportunities with the grid system.
Extending Adobe Experience Manager with custom solutions that meet your unique business needs has never been easier. Learn how Adobe I/O developer tools, including Adobe I/O Runtime and Adobe I/O Events can be leveraged to deliver timely, targeted, personalized and effective customer experiences.
How the Adobe on Adobe team used AngularJS and AEM to build out a single page application site. Main goal with this proof of concept project was that the pattern had to be super simple to develop in. It had to be JSP free. It had to function smoothly on everything from a mobile device to a desktop and everything in between. The site also needed to be SEO friendly. Follow along to see the process and the challenges with building a site like this.
Presented at CONNECT Web Experience '15 Basel June 25.
How the Adobe on Adobe team used AngularJS and AEM to build out a single page application site. One of the main goals with this proof of concept project was that the pattern had to be super simple to develop in. It had to be JSP free. It had to function smoothly on everything from a mobile device to a desktop and everything in between. The site also needed to be SEO friendly. Follow along to see the process and the challenges.
SPA Editor - Adobe Experience Manager SitesGabriel Walt
The Single Page Application (SPA) Editor of Adobe Experience Manager (AEM) Sites allows in-context authoring (wysiwyg editing) of content that is delivered headless as JSON and rendered in the browser with JavaScript frameworks like React or Angular. AEM provides a JS SDK that is lightweight and that allows the JS components to be built in ways that can be entirely agnostic from AEM: the front-end developers need only minimal AEM knowledge and can work independently from AEM.
Strategies and Tips for Building Enterprise Drupal Applications - PNWDS 2013Mack Hardy
Mack Hardy, Dave Tarc, Damien Norris of Affinity Bridge presenting at Pacific Northwest Drupal Summit in Vancouver, October 5th, 2013. The presentation walks through management of releases, deployment strategies and build strategies with drupal features, git, and make files. Performance and caching is also covered, as well as specific tips and tricks for configuring apache and managing private files.
AI Pilot Review: The World’s First Virtual Assistant Marketing SuiteGoogle
AI Pilot Review: The World’s First Virtual Assistant Marketing Suite
👉👉 Click Here To Get More Info 👇👇
https://sumonreview.com/ai-pilot-review/
AI Pilot Review: Key Features
✅Deploy AI expert bots in Any Niche With Just A Click
✅With one keyword, generate complete funnels, websites, landing pages, and more.
✅More than 85 AI features are included in the AI pilot.
✅No setup or configuration; use your voice (like Siri) to do whatever you want.
✅You Can Use AI Pilot To Create your version of AI Pilot And Charge People For It…
✅ZERO Manual Work With AI Pilot. Never write, Design, Or Code Again.
✅ZERO Limits On Features Or Usages
✅Use Our AI-powered Traffic To Get Hundreds Of Customers
✅No Complicated Setup: Get Up And Running In 2 Minutes
✅99.99% Up-Time Guaranteed
✅30 Days Money-Back Guarantee
✅ZERO Upfront Cost
See My Other Reviews Article:
(1) TubeTrivia AI Review: https://sumonreview.com/tubetrivia-ai-review
(2) SocioWave Review: https://sumonreview.com/sociowave-review
(3) AI Partner & Profit Review: https://sumonreview.com/ai-partner-profit-review
(4) AI Ebook Suite Review: https://sumonreview.com/ai-ebook-suite-review
Zoom is a comprehensive platform designed to connect individuals and teams efficiently. With its user-friendly interface and powerful features, Zoom has become a go-to solution for virtual communication and collaboration. It offers a range of tools, including virtual meetings, team chat, VoIP phone systems, online whiteboards, and AI companions, to streamline workflows and enhance productivity.
Introducing Crescat - Event Management Software for Venues, Festivals and Eve...Crescat
Crescat is industry-trusted event management software, built by event professionals for event professionals. Founded in 2017, we have three key products tailored for the live event industry.
Crescat Event for concert promoters and event agencies. Crescat Venue for music venues, conference centers, wedding venues, concert halls and more. And Crescat Festival for festivals, conferences and complex events.
With a wide range of popular features such as event scheduling, shift management, volunteer and crew coordination, artist booking and much more, Crescat is designed for customisation and ease-of-use.
Over 125,000 events have been planned in Crescat and with hundreds of customers of all shapes and sizes, from boutique event agencies through to international concert promoters, Crescat is rigged for success. What's more, we highly value feedback from our users and we are constantly improving our software with updates, new features and improvements.
If you plan events, run a venue or produce festivals and you're looking for ways to make your life easier, then we have a solution for you. Try our software for free or schedule a no-obligation demo with one of our product specialists today at crescat.io
Navigating the Metaverse: A Journey into Virtual Evolution"Donna Lenk
Join us for an exploration of the Metaverse's evolution, where innovation meets imagination. Discover new dimensions of virtual events, engage with thought-provoking discussions, and witness the transformative power of digital realms."
Enterprise Resource Planning System includes various modules that reduce any business's workload. Additionally, it organizes the workflows, which drives towards enhancing productivity. Here are a detailed explanation of the ERP modules. Going through the points will help you understand how the software is changing the work dynamics.
To know more details here: https://blogs.nyggs.com/nyggs/enterprise-resource-planning-erp-system-modules/
Custom Healthcare Software for Managing Chronic Conditions and Remote Patient...Mind IT Systems
Healthcare providers often struggle with the complexities of chronic conditions and remote patient monitoring, as each patient requires personalized care and ongoing monitoring. Off-the-shelf solutions may not meet these diverse needs, leading to inefficiencies and gaps in care. It’s here, custom healthcare software offers a tailored solution, ensuring improved care and effectiveness.
Globus Connect Server Deep Dive - GlobusWorld 2024Globus
We explore the Globus Connect Server (GCS) architecture and experiment with advanced configuration options and use cases. This content is targeted at system administrators who are familiar with GCS and currently operate—or are planning to operate—broader deployments at their institution.
In the ever-evolving landscape of technology, enterprise software development is undergoing a significant transformation. Traditional coding methods are being challenged by innovative no-code solutions, which promise to streamline and democratize the software development process.
This shift is particularly impactful for enterprises, which require robust, scalable, and efficient software to manage their operations. In this article, we will explore the various facets of enterprise software development with no-code solutions, examining their benefits, challenges, and the future potential they hold.
Do you want Software for your Business? Visit Deuglo
Deuglo has top Software Developers in India. They are experts in software development and help design and create custom Software solutions.
Deuglo follows seven steps methods for delivering their services to their customers. They called it the Software development life cycle process (SDLC).
Requirement — Collecting the Requirements is the first Phase in the SSLC process.
Feasibility Study — after completing the requirement process they move to the design phase.
Design — in this phase, they start designing the software.
Coding — when designing is completed, the developers start coding for the software.
Testing — in this phase when the coding of the software is done the testing team will start testing.
Installation — after completion of testing, the application opens to the live server and launches!
Maintenance — after completing the software development, customers start using the software.
Code reviews are vital for ensuring good code quality. They serve as one of our last lines of defense against bugs and subpar code reaching production.
Yet, they often turn into annoying tasks riddled with frustration, hostility, unclear feedback and lack of standards. How can we improve this crucial process?
In this session we will cover:
- The Art of Effective Code Reviews
- Streamlining the Review Process
- Elevating Reviews with Automated Tools
By the end of this presentation, you'll have the knowledge on how to organize and improve your code review proces
Large Language Models and the End of ProgrammingMatt Welsh
Talk by Matt Welsh at Craft Conference 2024 on the impact that Large Language Models will have on the future of software development. In this talk, I discuss the ways in which LLMs will impact the software industry, from replacing human software developers with AI, to replacing conventional software with models that perform reasoning, computation, and problem-solving.
AI Fusion Buddy Review: Brand New, Groundbreaking Gemini-Powered AI AppGoogle
AI Fusion Buddy Review: Brand New, Groundbreaking Gemini-Powered AI App
👉👉 Click Here To Get More Info 👇👇
https://sumonreview.com/ai-fusion-buddy-review
AI Fusion Buddy Review: Key Features
✅Create Stunning AI App Suite Fully Powered By Google's Latest AI technology, Gemini
✅Use Gemini to Build high-converting Converting Sales Video Scripts, ad copies, Trending Articles, blogs, etc.100% unique!
✅Create Ultra-HD graphics with a single keyword or phrase that commands 10x eyeballs!
✅Fully automated AI articles bulk generation!
✅Auto-post or schedule stunning AI content across all your accounts at once—WordPress, Facebook, LinkedIn, Blogger, and more.
✅With one keyword or URL, generate complete websites, landing pages, and more…
✅Automatically create & sell AI content, graphics, websites, landing pages, & all that gets you paid non-stop 24*7.
✅Pre-built High-Converting 100+ website Templates and 2000+ graphic templates logos, banners, and thumbnail images in Trending Niches.
✅Say goodbye to wasting time logging into multiple Chat GPT & AI Apps once & for all!
✅Save over $5000 per year and kick out dependency on third parties completely!
✅Brand New App: Not available anywhere else!
✅ Beginner-friendly!
✅ZERO upfront cost or any extra expenses
✅Risk-Free: 30-Day Money-Back Guarantee!
✅Commercial License included!
See My Other Reviews Article:
(1) AI Genie Review: https://sumonreview.com/ai-genie-review
(2) SocioWave Review: https://sumonreview.com/sociowave-review
(3) AI Partner & Profit Review: https://sumonreview.com/ai-partner-profit-review
(4) AI Ebook Suite Review: https://sumonreview.com/ai-ebook-suite-review
#AIFusionBuddyReview,
#AIFusionBuddyFeatures,
#AIFusionBuddyPricing,
#AIFusionBuddyProsandCons,
#AIFusionBuddyTutorial,
#AIFusionBuddyUserExperience
#AIFusionBuddyforBeginners,
#AIFusionBuddyBenefits,
#AIFusionBuddyComparison,
#AIFusionBuddyInstallation,
#AIFusionBuddyRefundPolicy,
#AIFusionBuddyDemo,
#AIFusionBuddyMaintenanceFees,
#AIFusionBuddyNewbieFriendly,
#WhatIsAIFusionBuddy?,
#HowDoesAIFusionBuddyWorks
GraphSummit Paris - The art of the possible with Graph TechnologyNeo4j
Sudhir Hasbe, Chief Product Officer, Neo4j
Join us as we explore breakthrough innovations enabled by interconnected data and AI. Discover firsthand how organizations use relationships in data to uncover contextual insights and solve our most pressing challenges – from optimizing supply chains, detecting fraud, and improving customer experiences to accelerating drug discoveries.
Software Engineering, Software Consulting, Tech Lead, Spring Boot, Spring Cloud, Spring Core, Spring JDBC, Spring Transaction, Spring MVC, OpenShift Cloud Platform, Kafka, REST, SOAP, LLD & HLD.
AI Genie Review: World’s First Open AI WordPress Website CreatorGoogle
AI Genie Review: World’s First Open AI WordPress Website Creator
👉👉 Click Here To Get More Info 👇👇
https://sumonreview.com/ai-genie-review
AI Genie Review: Key Features
✅Creates Limitless Real-Time Unique Content, auto-publishing Posts, Pages & Images directly from Chat GPT & Open AI on WordPress in any Niche
✅First & Only Google Bard Approved Software That Publishes 100% Original, SEO Friendly Content using Open AI
✅Publish Automated Posts and Pages using AI Genie directly on Your website
✅50 DFY Websites Included Without Adding Any Images, Content Or Doing Anything Yourself
✅Integrated Chat GPT Bot gives Instant Answers on Your Website to Visitors
✅Just Enter the title, and your Content for Pages and Posts will be ready on your website
✅Automatically insert visually appealing images into posts based on keywords and titles.
✅Choose the temperature of the content and control its randomness.
✅Control the length of the content to be generated.
✅Never Worry About Paying Huge Money Monthly To Top Content Creation Platforms
✅100% Easy-to-Use, Newbie-Friendly Technology
✅30-Days Money-Back Guarantee
See My Other Reviews Article:
(1) TubeTrivia AI Review: https://sumonreview.com/tubetrivia-ai-review
(2) SocioWave Review: https://sumonreview.com/sociowave-review
(3) AI Partner & Profit Review: https://sumonreview.com/ai-partner-profit-review
(4) AI Ebook Suite Review: https://sumonreview.com/ai-ebook-suite-review
#AIGenieApp #AIGenieBonus #AIGenieBonuses #AIGenieDemo #AIGenieDownload #AIGenieLegit #AIGenieLiveDemo #AIGenieOTO #AIGeniePreview #AIGenieReview #AIGenieReviewandBonus #AIGenieScamorLegit #AIGenieSoftware #AIGenieUpgrades #AIGenieUpsells #HowDoesAlGenie #HowtoBuyAIGenie #HowtoMakeMoneywithAIGenie #MakeMoneyOnline #MakeMoneywithAIGenie
hi, welcome everyone.
we are glad to have you here today and walk you through user interface customisation opportunities in Adobe Experience Manager 6.
Before we start, let me quickly introduce ourselves.
Damien is… working on our full UI technology stack and technical architect of the new page authoring
For my part, I’m leading a small team of developers with focus on the UI framework, WCM administration and page authoring.
As you may know, we did quite a lot of UX changes in the last couple of months for several reasons, one of them being the support for mobile devices.
Therefore, we built our new UI to be mobile first, but still keeping desktop in mind by leveraging responsiveness features.
It is now spread across multiple UIs of the product, and based on a UI framework that provides the foundation components.
We are going to show 3 major ways of extending the AEM 6.0 UI:
Modifying an existing admin screen
Creating your own one
And finally see how the page authoring interface can be customized
You’re used to have your CQ pages composed of nodes and their appropriate rendering component.
Admin UIs are now also built the same way, which easily allows integrating further features and customer extensions.
So the structure is similar to what is stored under jcr:content nodes of your CQ pages.
Sling resource merger and Includes are two features that help in customizing this node structure.
You had to copy the whole subtree —- CLICK
All nodes and properties were duplicated, and you added your customisations there —- CLICK
If we did a major change, for instance a new feature —- CLICK, your duplication wouldn’t contain that change.
You might also miss some important bug fixes, which you’ll have to re-apply by yourself.
Now the idea is to extend within the apps tree only what’s required, in an almost empty subtree. —- CLICK
So when you add a customisation —- CLICK —- and Adobe finally upgrades the console —- CLICK
Any intermediate update will be got for free. —- CLICK — This is true for functional fixes, new features or even security fixes which might affect your system.
In the end, your customisation is applied on top of the UI Adobe provides.
What I just explained is now possible through a new feature that has been contributed to Sling, called Resource Merger, and is based on a custom resource provider, which is an OSGi service that reads a resource from the JCR repository, and returns it as an object. This object is built by iterating over the resource resolver search paths, and merging those resources together like a diff thanks to a custom Sling vocabulary but also respecting ACLs.
Easier debugging for you, the developers.
In order to add or override…
If you want to hide one or more properties…
You might also want to hide a whole subtree of resources. For this, you …
Similar to hiding properties, you can also hide some children by using…
And finally, you can also influence the order of the nodes by using…
NO DEMO
I recommend you to check our examples to see how this is applied to the Sites administration.
As you can see, we can add a custom toolbar action or restrict the behaviour of another one to some group membership, even change the default layout, and all of this by just providing the corresponding diff under /apps.
For you, partners and customers, Sling resource merger will really become your friend.
You might not only want to extend existing admin screens, but also create your own ones to display and edit any kind of custom resources you are storing in the repository.
As an example, we might want to create a new console for managing our Launches in the new UI — CLICK —- with its specific actions —- CLICK —- And we’re also going to append this item in the navigation. —- CLICK
So for this, we’ll have a space in the repository for our new console —- CLICK
This will contain some specific components with styles, scripts, etc. —- CLICK —- as well as the page definition —- CLICK
By using granite UI foundation page like OOTB consoles —- CLICK —- you can build your custom screen using the same mechanisms and in the end getting the exact same user experience
To add the item in the navigation, you extend the default navigation thanks to the Resource Merger —- CLICK —-map it to the right location and its corresponding id for the navigation —- CLICK — and eventually specify where in the navigation tree it should be displayed.
NO DEMO
The last item I’d like to talk about is Granite UI include component.
If different places of your UIs are requiring the exact same node substree, —- CLICK —- you can store this subtree in a common place to avoid duplication —- CLICK —- and reference it from the include component as shown here.
—- CLICK —- It can for instance be used if you want to extend a component dialog. You can reuse parts of the existing dialog in your extension.
TODO: create a custom component with overlaid dialog and add it to samples (no demo)
I will now continue with the third part of our presentation- the page authoring.
As may have noticed. the authoring has slightly changed its look and feel :)
In 5.6.1 it was already preview technology. To give an understanding of what i m talking about let me walk you through the basics and clarify some expressions.
When you go to the siteadmin and click edit on a page you will see this view. This view consists of 2 parts. we call them frames. - PAUSE AND CLICK -
On the right side in red you see the customer page. The page which will be delivered to your visitors. We call this frame ContentFrame - PAUSE AND CLICK -
On the left side in green you see the editing capabilities. This frame is called EditorFrame and will deliver the editing capabilities to the authors.
PAUSE
We call these to elements frames, because they run in a separated context. This means that their styles sheets and javascript is not influencing each other. This is very important for the further extension of the authoring because you don’t want to have editing styles leaking into the customer page.
no interference
----- Meeting Notes (18/11/14 11:57) -----
Part of the EditorFrame is the Sidepanel. The Sidepanel provides multiple tabs on the very top. The first tab we see here is the assets tab. Assets can be added to the page through drag and drop - PAUSE AND CLICK - We can see images on the screen now but the side panel provides to show different groups of assets like videos and documents. The highlighted drop down will be important for one of our extension points.
The second tab of the side panel shows all available components which can be added to the page.
So back to the contentFrame. All the elements highlighted in red are called editables. It is important to understand what’s an Editable.
instance of a component on a page
it is a JCR node
on the client side
there it access to html dom node
this object
From the perspective of a developer…
- find the definition of the object in the JS namespace Granite….
A little bit more confusion. At the same visual position of the Editables there are also elements called OVERLAYS. While Editables build a connection to an HTML element inside of the ContentFrame, The overlays represent an HTML element in the editorframe.
Overlays protect Editables from direct communication. They are invisible and react to user input. Any user interaction like click will happen on the Overlay instead.
So what happens when we click on an Overlay. Usually we get a toolbar. The toolbar defines the action which can be done with the editable.
In some cases if you double click you open an inplace editor. Like the image editor for example.
The glue between all these elements and features are a concept called layer.
New concept to make the page authoring more modular
- State: Which gives you a way to change the way of rendering and functionality. For example you can
control what happens when a user clicks on an overlay
Or control how an overlay should be rendered
Or show a custom sidepanel
Layers are a new concept. independent bundle of functionality which can be activated in order to manipulate or interact with the page
The glue.
Each of them is loaded separately, completely control experience
a lot of power, as long as u r responsible
So lets finally dive into the actual extensibility opportunities.
REMOVED: I must warn you, I will show QUITE SOME CODE on the next slides
I will explain you 5 of the most important extension points
- client library to add all JS for extension points. loaded in time.
namespace contains all objects we are working with, DO NOT use for your stuff
oM
current loaded page editables
page information like path, design, acl, components
The first extension point we will have a look is the toolbar.
So after clicking on an overlay we see a toolbar. And we want an additional action on this toolbar.
The good news:
As you used to do it you can still add your action to a component
changing editConfig - this is working as before.
—-
Demo 1: create the nodes in /libs/foundation/components/image/cq:editConfig
cq:actions=EDITANNOTATECOPYMOVEDELETEINSERT
We can now also add actions to the component with JS
This allows us to add actions which are not bound to a specific component, they can be global or restricted to any other property
What you see here is a definition of an action in a toolbar as a Javascript Object. Lets have a look from top to bottom.
icon, css class for the button icon
text
handler: function to be executed when the button is clicked
(optional) rendering condition, button not shown if it returns false
(optional) render function, change button style, (e.g. red bg)
I will do a DEMO. In this example I build a button which renders the editable into an image.
Therefor I am using an open source project called html2canvas.
Does not make too much sense, image to image
Our next extension point will be about creating new page actions.
In the screenshot you can see I added a new button on the very top of the page. So when the button is clicked I want to perform an action like starting a workflow.
This can be achieved by leveraging the resource merger which was presented by Gilles beforehand.
So when you look at this very long path on the button. If you add your button there, you will see it in the page authoring.
I won’t show a live demo here but of course we have a code example ready for you to look at.
The next extension point is about the inplace editors.
As you remember when you double clicked on certain components then you activate the inplace editor. On the left side we the image editor and on the right side the rich text editor.
To be most flexible, existing inplace editors can be overridden or new ones can added.
Therefor we use a submode of the editConfiguration of a component.
To be most flexible, existing inplace editors can be overridden or new ones can added.
Therefor we use a submode of the editConfiguration of a component.
We use a node called cq:inplaceEditing and place a property editorType with a unique editor name there.
On javascript part we need to implement an interface to make our new editor work. This editor can then be registered as a new inplace editor.
There is a special case for inplace editors when a component allows to use different editors for different parts. A good example is the Text & Image component. So when clicking (CLICK) on this component. We see a menu showing up which allows us to pick the right editor.
We call this kind of editor an hybrid editor because it allows to merge multiple editors
The hybrid editor can be reused to create your own custom editor combinations. Here is some example code I won’t going to explain, just have a look if you want to try it out.
composing
So Authoring extension point number 4. The actual most powerful one.
Creating your own layer gives you the power about the whole authoring and plays nicely with other layers. So other bundles of functionality.
inherit or scratch
Here is an example of a custom layer. particular view for MSM websites
Let me try to walk you trough the code
NO DEMO
NO DEMO but we have a flickr example
Limitation: ExtJS code cannot be converted
so what you learned today….
Leverage the resource merger and includes to extend admin screens, how to create completely new admin screens and how to customise the page authoring
official doc: http://docs.adobe.com/content/docs/en/aem/6-0/develop/extending.html
github?
link to sample packages
qrcode
Please give us feedback on this session. We will try to publish as many examples over the following months as possible. If you want to know more about a specific customisation or you are wondering how you can extend a certain area or feature of AEM, please drop us a message. We will do our best to integrate it into one of our public examples/speeches, blogs etc.