Select Edit from the mode-selector in the top right of the Page Editor. AEM provides several tools and resources for creating workflow models, developing workflow steps, and for programmatically interacting with workflows. The tutorial covers fundamental topics like project setup, maven archetypes, Core. 4. This tutorial walks through setting up a local development environment for Adobe Experience Manager (AEM) using the AEM as a Cloud Service SDK. Single Sign On (SSO) allows a user to access multiple systems after providing authentication credentials (such as a user name and password) once. Experience Manager Guides (referred to as AEM Guides hereafter) is a powerful, enterprise-grade component content management solution (CCMS). The files that you upload or check into the DAM are stored as digital assets. Discover what’s new in AEM 6. AEM serves as a comprehensive solution for managing web content, enabling seamless content authoring,. Adobe Experience Manager (AEM) is a comprehensive content management solution for building websites, mobile apps, and forms. frontend module, a de-coupled webpack project, can be integrated into the end-to-end build process. Create a page named Component Basics beneath WKND Site > US > en. Authors who want to use multi-site manager features, no longer have to switch back and forth between the classic and touch UIs. I have finally indexed all my post in sequence which an aem beginner should follow to learn AEM. Last update: 2023-06-28. AEM stands for Adobe Experience Manager, and is a Content Management System (CMS) similar to the well-known WordPress. Workfront is a work management tool that allows enterprise businesses to plan, manage, collaborate, and deliver work in a single place. What you'll learn. There are two types of updates, feature releases and maintenance releases: Feature releases are done with a predictable monthly frequency and are focused on new capabilities and product innovations. Adobe Experience Manager (AEM) is now available as a Cloud Service. The following video provides an overview of basic handling when using the AEM author environment. It is used to control the composite bundles of AEM and their configuration. With the continuous release model in Adobe Experience Manager as a Cloud Service, the application is auto updated on an ongoing basis. This naming change was effective as of August 2016 and applies to AEM version 6. Build a React JS app using GraphQL in a pure headless scenario. Description. All the AEM concepts required to work on real world projects. Scenario 2 : Personalization using Visual Experience Composer. CIF enables AEM to access an Adobe Commerce instance and communicate with Adobe Commerce via GraphQL. Dynamic Media lets you manage and publish dynamic digital experiences — a feature unique to Experience Manager Assets. Without wasting much time let’s get into the adobe AEM tutorial. Brasil Canada - English. Adobe Experience Manager Adobe Marketing Cloud : Experience Manager - Sites - Front End Developer. AEM Screens provides a simple RESTful API that follows the Siren specification. Understand Cloud Manager for AEM (Video) Cloud Manager for AEM allows easy management, inspection, and self-service of AEM environments. Get quick how-to information on implementing, using, and maximizing Adobe Experience Cloud solutions. By the end of this AEM CQ5 tutorial, you will gain in-depth knowledge of all the major areas. 5. Create the following folder structure c:aemformscsaem-sdkauthor. Click Setup Program to set. Experience Fragments enables content authors to reuse content across channels including Sites pages and third-party systems. Make the most of your investment with our free learning and support platform, Adobe Experience League. Touch UI. This article details the best approach to start a new project for AEM (Adobe Experience Manager) using AEM Archetype. Below are the high-level steps performed in the above video. AEM Tutorials. See Tutorials. Connect AEM and Tags using existing (or new) IMS configuration. Interested in having ExpandTheRoom provide a custom workshop for your company? Contact us - how the source code for a Single Page Application (SPA) written in React can be integrated with an Adobe Experience Manager (AEM) Project. Author in-context a portion of a remotely hosted React application. adobe. Rename the jar file to aem-author-p4502. This tutorial also covers how the ui. The Angular app is developed and designed to be deployed with AEM’s SPA Editor, which maps Angular components to AEM components. Content Fragments used in AEM Headless content modeling, often reference image assets intended for display in the. AEM 6. Browse the following tutorials based on the technology used. Rules can be defined to perform mapping and making a post call to Adobe Analytics: Watch this video to learn how to configure the Analytics extension in Launch for a basic site. Organizations with multiple Adobe products especially benefit by creating role-based groups in the Admin Console and then assigning access to multiple products including AEM as a Cloud Service via IMS. What is AEM (a Content Management System or CMS by Adobe in which you can create websites similar to. Introduced in AEM 6. This course is a comprehensive introduction to Adobe Experience Manager (AEM), a detailed content management solution for building websites, mobile apps, and forms. Save the changes to see the message displayed on the page. The average yearly AEM front end developer salary in the U. Access our guides, tutorials, courses, and release notes for Adobe Enterprise solutions across Experience Cloud, Experience Platform, Document Cloud, and Creative Cloud for enterprise. Sling Models are annotation driven Java™ “POJOs” (Plain Old Java™ Objects) that facilitate the mapping of data from the JCR to Java™ variables. WKND Developer Tutorial The WKND Developer Tutorial is available here and guides you through creating an AEM project using the latest technologies and best practices. These steps take you through the certification process from beginning to end. Click the + icon against Presets to add a new output preset of Type: PDF. Start a release. To configure a pipeline, you must: Define. All the authoring aspects including components, templates, workflows, etc. User. Created for: Beginner. frontend module, a de-coupled webpack project, can be integrated into the end-to-end build process. Learn how to create, manage, deliver, and optimize digital assets. Scenario 1 : Personalization using AEM Experience Fragments. Place the package into . Understand Cloud Manager for AEM (Video) Cloud Manager for AEM allows easy management, inspection, and self-service of AEM environments. Tutorials by framework. The select datasource screen lists all configured data sources. jar file. 5. The tutorial covers fundamental topics like project setup, maven archetypes, Core Components, Editable Templates, client libraries, and. Explore AEM’s GraphQL capabilities by building out a React App that consumes Content Fragments via AEM’s GraphQL APIs. The Adobe Feedback Program provides you opportunities to talk about the topics you care most about and help set the vision for Adobe applications. Adobe Experience Manager Sites pricing and packaging. The ui. The key features and. This guide explains the concepts of authoring in AEM in the classic user interface. 4. Develop Global Websites in AEM Develop Global Websites in Adobe Experience Manager (AEM) is a 2-day, instructor-led in a classroom or virtual course, and is relevant for all deployment methods. Core Concepts. An Experience Fragment is a grouped set of components that when combined creates an experience. There are a couple options for creating a Maven Multi-module project for AEM. Make the most of your investment with our free learning and support platform, Adobe Experience League. The package is automatically installed. Add the Hello World Component to the newly created page. This replaces the blueprint or multi-site manager control center, from the classic UI with a touch UI-enabled interface. Alternative, you can launch AEM from the command line: java -Xmx1024M -jar cq-quickstart-6. Transcript. Headless Content Management Using GraphQL APIs - Follow this course for an overview of the GraphQL API implemented in AEM. What is included in Experience Manager 6. This guide describes how to create, manage, publish, and update digital forms. AEM Headless Tutorial - React App by Adobe Docs Abstract Example applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). Applications running on CRX throw out-of-memory errors. Create the project. What’s new. Bronze and above partners get 33% off certification exams. This web site is used in this tutorial to visualize a working Dispatcher. These steps take you through the certification process from beginning to end. Confirm your updates with the tick. AEM Assets videos and tutorials. User. Start course. From the AEM Start screen navigate to Sites. AEM Headless APIs allow accessing AEM content. This is introduction for this series. Walks through the implementation of a Single Page Application, written using React JS, that can be edited within Adobe Experience Manager. Scenario 1: Personalization using AEM Experience Fragment Offers. The above procedure results in:Faster, more engaging websites. 10/26/23. AEM also works well with Google Chrome. Core Components. Extract the aem-sdk-quickstart-xxxxxxx. This Video series gives you an overview of how media content is managed and accessed using Adobe Experience Manager Dynamic Media as a content serving service. This guide explains the concepts of authoring in AEM in the classic user interface. AEM Tutorial - A Complete Guide for Beginners Adobe Experience Manager (AEM) is one of the leading content management platforms to build websites,. To fully take advantage of this useful and flexible feature, it is important to understand how front-end. On your program’s card, select the ellipsis button and then Program Overview to navigate to Cloud Manager’s Overview page. Learn how AEM can go beyond a pure headless use case, with options for in-context authoring and experience management. There are two parallel versions of the tutorial: Create your first Angular SPA in AEM. Adobe Experience Manager is best suitable for content oriented web-applications. Topics: Page Editor. Learn how to create site pages using page templates in Adobe Experience Manager. Create online experiences such as forums, user groups, learning resources, and other social features. 4. Learn how to create a SPA using the React JS framework with AEM's SPA Editor. This tutorial walks through the implementation of a Angular application for a fictitious lifestyle brand, the WKND. Last update: 2023-09-26. 5. Here, we’ll walk you through Experience Manager capabilities such as content management (CMS), digital asset management (DAM) and digital enrolment. Adobe Experience Manager (AEM) Product abstractions such as pages, assets, workflows, etc. The Country list can include the names of countries. This tutorial shows how to use Dynamic Media Classic to create, author, and deliver rich media content. Create your first React SPA in AEM. About AEM Forms. Check out these additional journeys for more information on how AEM’s powerful features work together. Double-click the aem-author-p4502. Included is a collection of best practices, curated exercises and other resources that will help both you and your organization be successful with Workfront. 5, or to overcome a specific challenge, the resources on this page will help. Configure the Step Properties as required; the properties available depend on the step type, there may also be several tabs available. In the Assets console, click the User icon from the toolbar. Adobe Experience Manager Guides (referred to as AEM Guides later in this guide) is a powerful, enterprise-grade component content management solution (CCMS). Open the dialog for the component and enter some text. Developer. Use the Cloud Manager CI/CD Pipeline (Video)Adobe recommends keeping the code responsible for markup and rendering separate from the code that controls the logic used to select the component’s content. The AEM Headless Client for JavaScript is used. Re-usable, presentation-agnostic content, composed of structured data elements (text, dates, references, etc. 5. This React application demonstrates how to query content using AEM’s GraphQL APIs using persisted queries. Adobe Experience Manager (AEM) is one of the leading content management platforms to build websites, mobile apps, and more. Setup your local development environment for AEM as a Cloud Service SDK or for older versions of AEM. Click the Locations button, select. For publishing from AEM Sites using Edge Delivery Services, click here. . In the upper right-hand corner click Create > Site (Template). WKND is a fictitious adventure and travel website created by Adobe to demonstrate how anyone can use Adobe Experience Manager to build a beautiful, feature-rich website over a single weekend. Trigger an Adobe Target call from Launch. Last update: 2023-09-26. The AEM Developer Portal; AEM Headless tutorials - If you prefer to learn by doing and have existing knowledge of AEM, take our hands-on tutorials organized by API and framework, that explore creating and using applications built on AEM. 4 based tutorial series here. What is AEM (a Content Management System or CMS by Adobe in which you can create. ; AEM Extensions - AEM builds on top of. Discover what’s new in AEM 6. Discover tutorials and articles for getting started with AEM. Learn & Support Tutorials AEM integration with Scene 7 in Adobe Experience Manager. S. Where content is changes time to time. This will bring up the Create Site Wizard. Created for: Intermediate. A multi-part tutorial on how to develop for the AEM SPA Editor. Logging in for the First Time. ; Advanced. Whether on AEM as a Cloud Service, on Adobe Managed Services, or on-premise, they just work. AEM makes it easy to manage your marketing content and assets. I can see bannerText prop in CRXD, but it is missing from the JSON model and never arrives to. For publishing from AEM Sites using Edge Delivery Services, click here. Creating a purchase order form This tutorial takes you through the process of creating an interactive purchase order form thatExample applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). Build from existing content model templates or create your own. Adobe Experience Manager (AEM) Sites is a leading experience. Students. we can configure it as we want means we can make it. General: Steps to enable SSL for AEM Forms OSGi; General: Steps to encrypt keystore password to be used in lc_turnkey. Minimize the number of style options. Overview. Using Timewarp. 96% of surveyed partners recommend Adobe Certification. This React application demonstrates how to query content using AEM’s GraphQL APIs using persisted queries. Create your first React Single Page Application (SPA) that is editable in Adobe Experience Manager AEM with the WKND SPA. AEM Brand Portal. Transcript. 5. Click OK and then click Save All. Optimized bandwidth management allows upload and download of many, large assets. Use the Cloud Manager CI/CD Pipeline (Video) Adobe recommends keeping the code responsible for markup and rendering separate from the code that controls the logic used to select the component’s content. This end-to-end tutorial continues the basic tutorial that covered the fundamentals of Adobe Experience Manager (AEM) Headless and GraphQL. Below are the high-level steps performed in the above video. Select Create. Use the Cloud Manager CI/CD Pipeline (Video)Adobe Experience Manager Guides streamlines content management with a single platform for maximum ROI. This article. In AEM, create a Launch cloud services configuration, then apply it to an existing site and finally. You will get hands on experience with Java Content Repository. About Adobe Certified Expert (ACE) Exams . Save the changes to see the message displayed on the page. Build your concepts using labs and hands-on exercises. 4. 0_25. info 639 1 post /. It provides cloud-native agility to accelerate time to value and. AEM and Adobe Commerce are seamlessly integrated using the Commerce Integration Framework (CIF). Select again to add multiple. Understand how the source code for a Single Page Application (SPA) written in Angular can be integrated with an Adobe Experience Manager (AEM) Project. Double-click to run the jar file. 5 also includes several digital experience platform features such as GraphQL support, built-in Adobe Target integration, and a new user interface for the AEM Screens device. AEM tutorials. 4 Authoring User Guide;. Understand how to administer Adobe Experience Manager. The Metadata Schema Forms page is displayed. Dynamic forms also lets you validate fields for proper formatting and automatically verify data like addresses and credit card numbers. In this tutorial, we cover three different scenarios for AEM and Target, which helps you understand what works best for your organization and how different teams collaborate. Sign in to the Microsoft Entra admin center as at least a Cloud Application Administrator. Use previous workflows to scale quickly, add components with simple drag-and-drop functionalities and even. AD0-E102 Adobe Experience Manager (AEM) Business Practitioner Exam Guide Nov 2018 2 . You should also be able to identify, building blocks of AEM as a Cloud Service. For publishing from AEM Sites using Edge Delivery Services, click here. Design, author, and publish forms — no coding required. Multi Site Manager (MSM) enables you to use the same site content in multiple locations. Learn & Support Tutorials Installation Options for Adobe Experience Manager Forms: The Basics. Adobe Experience Manager is a software solution that’s equal part content management system (CMS) and digital asset management (DAM) system. For publishing from AEM Sites using Edge Delivery Services, click here. Great! but you may be asking why you should bother learning AEM in the first place? You're absolutely right. Structured content management - Enables content creation, versioning, translation & reuse, reference management, search and metadata management, Workflow enabled process. The Mavice team has added a new Vue. It enables native DITA support in Adobe Experience Manager, empowering AEM to handle DITA-based. From the AEM Start Menu navigate to Tools -> Workflow -> Models. Creating an editable template in AEM 6. Transcript. Through this AEM certification training, you will gain hands-on exposure in AEM concepts such as the installation of CRXDE, AEM components, creating custom workflows, Observations, JCR Search and much more. Introduces the technologies of OSGi, JCR, Oak, and Sling as part of Adobe Experience Manager’s technology stack. Double-clicking the Quickstart jar has no effect or the JAR file with another program (such as archive manager). A workflow that automates this example notifies each participant when it is time to perform their. standing the basics of CCMS and Adobe Experience Manager Guides, Application security testing within AEM Boundary and Tools, and many more! more aemtutorial. Such a need becomes even more essential in multi-user and large-scale environments where content can be re-used in. Experience Manager helps companies regain control over their digital content, which is often spread across numerous sites, channels, and apps — by providing much-needed structure for. Workflows enable you to automate processes for managing resources and publishing content in your AEM environment. Adobe Experience Manager (AEM) as a Cloud Service is the latest offering of the AEM product line, helping you continue to provide your customers with personalized, content-led experiences. Welcome to AEM CQ5 Tutorial or Adobe Experience Manager Tutorial. AEM will give a handle for the query. Created for: Developer. Timewarp is a feature of Adobe Experience Manager Sites that provides authors with a quick way to review the state of a page at specific time in the past. Anyone who has been working as AEM developer, lead or architect can take this exam as most of the concepts are. Automatically create folders linked between Workfront and Experience Manager. In the Create Form Data Model dialog, specify a name for the form data model. Editable Templates. It encompasses components, layers, integration, scalability, content repository, authoring environment, publishing, and extensibility. Dynamic Media & Related Features in AEM 6. HTL Specification - HTL is an open-source, platform-agnostic specification, which anyone is free to implement. In this video, we discuss three approaches for using AEM and Target, and help you understand what works best for your organization. This philosophy is supported by HTL , a templating language that is purposely limited to ensure that a real programming language is used to define the underlying business logic. com. AEM Assets is accessible from the main navigation via the Assets icon. Adobe Experience Manager Forms as a Cloud Service offers a cloud-native, Platform as a Service (PaaS) solution for businesses to create, manage, publish, and update complex digital forms while integrating submitted data with back-end processes, business rules, and saving data in. Adobe Experience Manager (AEM) Assets is a digital asset management tool on AEM Platform that allows users to create, manage, and share their digital assets (images, videos, documents, and audio clips) in a web-based repository. This tutorial should have you up and running with your AEM Helix projects in 10 - 20 minutes to a place where you can create, preview and publish your. Double-click the aem-publish-p4503. 531. For example if a beginner want to learn AEM he doesn’t have any proper guide, where to start learning aem from and how to learn AEM. Right-click My Computer and select Properties. Adobe Engineering and Consulting teams have developed a comprehensive set of best practices for AEM developers. We’ll cover retrieving Content Fragment data from AEM’s GraphQL APIs and displaying it in the React app. Adobe Experience Manager 6. Connect AEM Assets to Creative Cloud; Forms. Only the instance for subscriptions must be further configured when allowing reply by email. How to get certified. Content authors can maintain, organize and improve content discoverability by tagging. Scenario 3 : Personalization of Full. Fill in a Name, Group id, and an Artifact id for the sample project. A workflow that automates this example notifies each participant when it is time to perform their required. It enables native DITA support in Experience Manager, empowering AEM to handle DITA-based content creation and delivery. 4. Onboard to. What’s new. /crx-quickstart/install folder when the server is available online. Author is a senior technical architect works with BounteousStep1 $ npm install -g @adobe/aio-cli - To install the Adobe I/O Runtime Extensible CLI, $ aio plugins:install @adobe/aio-cli-plugin-cloudmanager - To Install. 4. AEM tutorials. Understand Cloud Manager for AEM (Video) Cloud Manager for AEM allows easy management, inspection, and self-service of AEM environments. They are specifically designed to be used for creating Adaptive Forms, which are forms that adapt to the device,. Understand how to author with, and administer, Experience Manager Sites as a Cloud Service. Experience Manager 6. Welcome to this tutorial chapter where we will explore configuring a React app to connect with Adobe Experience Manager (AEM) Headless APIs using the AEM Headless SDK. Getting starts resources:User. For example if a beginner want to learn AEM he doesn’t have any proper guide, where to start learning aem from and how to learn AEM. 5 release in April 2019. This guide provides an summary of how to get started with Experience Manager as a Cloud Service, including how to get access and important data protection information. On the Tests panel, tap or click either the Run all tests button or the Run tests button below the title of the Test Suite that you want to run. Tutorial - AEM: Extend Core Component models using resource type association and delegation. For publishing from AEM Sites using Edge Delivery Services, click here. User. In the User Preferences dialog, select Show Desktop Actions For Assets, then click Accept. Old Dominion University – Adobe Experience Manager WCMS Training – 4 – AEM is not available on the campus wireless networks (AccessODU, MonarchODU, eduRoam) without a VPN connection. Next, generate a new site using the Site Template from the previous exercise. We are going to introduce AEM 6. HTML5 forms bring numerous capabilities that are mobile-ready. To create or configure a PDF output preset: In the Output tab, click Presets in the left sidebar. Browse our blogs, video tutorials, and self-help documentation as you implement and manage your new. AEM Sites; AEM Assets; AEM Forms; AEM as Cloud Service; AEM Foundation; Tutorials for AEM Guides; AEM multi-step tutorials. Select Start AEM Forms Workbench so you can launch Workbench, then click Next. Tap the checkbox next to My Project Endpoint and tap Publish. Abstract. If you need AEM support to get started with AEM 6. Option 3: Leverage the object hierarchy by customizing and extending the container component. Integration of Experience Manager Screens with Sites allows you to reuse. Welcome to AEM CQ5 Tutorial or Adobe Experience Manager Tutorial. AEM as a Cloud Service introduces the next generation of the Experience Manager product line, building on past investments and. For publishing from AEM Sites using Edge Delivery Services, click here. Under this Create a node with the following properties:. 5 Training from Mindmajix teaches you the essential skills needed to develop and debug Adobe Experience Management through best practices. Adobe offers to integrate Workfront and Adobe Experience Manager Assets natively (supporting Assets Essentials and Assets as a Cloud Service). AEM’s advanced networking is comprised of three options for managing connectivity with external services. You may also use Opera, Safari orOverview. Search. Learn how Client-Side Libraries or clientlibs are used to deploy and manage CSS and JavaScript for an Adobe Experience Manager (AEM) Sites implementation. It empowers authors to create content using any. Workflows enable you to automate processes for managing resources and publishing content in your AEM environment. We do this by separating frontend applications from the backend content management system. Issue 2: I am facing the problem with Banner component from the tutorial: Extend a Core Component | Getting Started with the AEM SPA Editor and React | Adobe Experience Manag. AEM offers a user-friendly and intuitive authoring interface, known as the Touch-Optimized UI or the Classic UI. Figure: Select Show Desktop Actions For Assets to enable desktop actions. AEM as a Cloud Service introduces the next generation of the Experience Manager product line, building on past investments and. There are boilerplate blocks that define commonly. Let’s say that your site is simply called my-site and is located here: /content/my-site. 5. Dispatcher. Review the Release Notes and click Done. Check in the system console if the bundle is active. more. Create HTML5 forms. AEM Core Concepts. In the output Presets panel, do one of the following: Double-click a predefined PDF output preset to view it. This tutorial also covers how the ui. This tutorial walks through the implementation of a Angular application for a fictitious lifestyle brand, the WKND. Adobe Communique (Adobe CQ5) currently known as Adobe Experience Manager (AEM), is a web-based content management system which enables organizations to create websites, manage content and digital assets of the website through several medium like mobiles, web browsers, tabs, desktops and more. These tests are maintained by Adobe and are intended to prevent changes to custom application code from being deployed if it breaks core functionality. AEM makes it easy to manage your marketing content and assets. Admin. Significantly improve authoring productivity through single-sourcing of modular information optimized for effective reuse at a granular level (modules, components, words, graphics, multimedia, and translations). CI/CD has improved the development cycles to great extent by reducing the responsibilities of manual deployment and unit testing. It can be installed on top of Adobe Experience Manager 6. AEM is built on four primary Java™ API sets. The purpose of creating this post is that most of AEM blogs and tutorials available online are not properly indexed. User. Tap Next. 245527. Before getting into the core concepts of Adobe Experience Manager (AEM), Adobe recommends completing the WKND Tutorial in the Getting Started Developing AEM Sites document. This tutorial also covers how the ui. ; Redirect Vanity URL - Indicates whether you want the page to use the vanity URL. A CI/CD pipeline in Cloud Manager is a mechanism to build code from a source repository and deploy it to an environment. On your program’s card, select the ellipsis button and then Program Overview to navigate to Cloud Manager’s Overview page. An Adobe Certified Expert demonstrates expertise in helping clients realize value in an Adobe solution. Select the check box before a form, for example the default metadata. exe. Adobe Experience Manager (AEM) is an enterprise-grade content management platform with a wide array of powerful features. This order is a general rule, meaning exceptions exist. Add - Select to show a field to define a vanity URL for the page. The tutorial implementation uses many powerful features of AEM. AEM as Cloud Service is shipped with a built-in CDN. 5 Forms Guide; AEM 6. jar. The configuration file contains a series of single-valued or multi-valued properties that control the behavior of Dispatcher:Open a PDF, choose All tools > Protect a PDF > Set security properties . Adobe training courses are available at one of our regional locations, through a certified Adobe Training Partner, online as well as virtual learning, or even on-site at your company. Adobe Experience Manager is a comprehensive content management solution for building websites, mobile apps and forms. It will take around 8-10 mins to run. AEM is a content management system part of the Adobe Marketing Cloud. Get AEM Cloud Services support guides and learn more about getting started or finding a solution. In Experience Manager interface, navigate to Tools > Assets > Metadata Schemas. With our flexible licensing and configuration options that take into consideration your volume or usage requirements, service level agreement, and product options, we. AEM Headless GraphQL Video Series; AEM Headless GraphQL Hands-on Tutorial.