- Tutorial Overview
- Architecture Overview
- Video Overview
- Measuring completion
- 0 - Getting started
- 1 - Adobe Experience Platform Data Collection and the Web SDK extension
- Overview
- 1.1 Understanding Adobe Experience Platform Data Collection
- 1.2 Edge Network, Datastreams and Server Side Data Collection
- 1.3 Introduction to Adobe Experience Platform Data Collection
- 1.4 Client-side Web Data Collection
- 1.5 Implement Adobe Analytics and Adobe Audience Manager
- 1.6 Implement Adobe Target
- 1.7 XDM Schema requirements in Adobe Experience Platform
- Summary and benefits
- 2 - Data Ingestion
- 3 - Real-time Customer Profile
- 4 - Voice Assistant - Amazon Alexa
- 5 - ETL Tools
- Overview
- 5.1 Create and configure your Informatica account
- 5.2 Setup an AWS S3 bucket
- 5.3 Connect Informatica to your AWS S3 bucket
- 5.4 Ingest Offline Order Events into Adobe Experience Platform
- 5.5 Ingest 2nd and 3rd party data into Adobe Experience Platform
- Optional: Install OpenSSL on Windows
- Summary and benefits
- 6 - Adobe Journey Optimizer: Orchestration
- 7 - Query Service
- 8 - Data Science Workspace - Popularity Based Recommendations
- 9 - Data Ingestion using Google Tag Manager and Google Analytics
- Overview
- 9.0 Create a Google Account
- 9.1 Create a Google Tag Manager Property
- 9.2 Setup Google Analytics & link it to GTM
- 9.3 Configure GTM Variables
- 9.4 Retrieve Data Sets in Platform
- 9.5 Configure GTM Tags & Triggers
- 9.6 Publish your GTM Property
- 9.7 Implement GTM Tag on Platform Demo website
- 9.8 Verify Data Ingestion from website into Platform
- Summary and benefits
- 10 - Intelligent Services
- 11 - Real-time CDP - Build a segment and take action!
- Overview
- 11.1 Build a segment and enable Streaming Segmentation
- 11.2 Review how to configure DV360 Destination using Destinations
- 11.3 Take Action: send your segment to DV360
- 11.4 Take Action: send your segment to Google AdWords RLSA using Adobe Audience Manager
- 11.5 Take Action: send your segment to an S3-destination
- 11.6 Take Action: send your segment to Adobe Target
- Summary and benefits
- 12 - Adobe Journey Optimizer: External data sources and custom actions
- 13 - Customer Journey Analytics - Build a dashboard using Analysis Workspace on top of Adobe Experience Platform
- 14 - Offer Decisioning
- Overview
- 14.1 Offer Decisioning 101
- 14.2 Configure your Offers and Decision
- 14.3 Prepare your Adobe Experience Platform Data Collection Client property and Web SDK setup for Offer Decisioning
- 14.4 Test your Decision using the demo website
- 14.5 Test your Decision using the API
- 14.6 Test your Decision using Journey Orchestration
- Summary and benefits
- 15 - Data Science Workspace - Car Insurance Sales Propensity
- 16 - Ingest and Analyze Google Analytics data in Adobe Experience Platform with the BigQuery Source Connector
- Overview
- 16.1 Create your Google Cloud Platform Account
- 16.2 Create your first query in BigQuery
- 16.3 Connect GCP & BigQuery to Adobe Experience Platform
- 16.4 Load data from BigQuery into Adobe Experience Platform
- 16.5 Analyze Google Analytics Data using Customer Journey Analytics
- Summary and benefits
- 17 - Adobe Experience Platform and Microsoft Dynamics 365
- Overview
- 17.1 Create your Microsoft Dynamics 365 account
- 17.2 Connect Microsoft Dynamics 365 to Adobe Experience Platform via a Source Connector
- 17.3 Create a Contact in Microsoft Dynamics 365 using Adobe Journey Optimizer & Import data from Microsoft Dynamics
- 17.4 Update a contact in Microsoft Dynamics 365 and automatically trigger a journey
- Summary and benefits
- 18 - Segment Activation to Microsoft Azure Event Hub
- Overview
- 18.0 Configure your environment
- 18.1 Configure your Microsoft Azure EventHub environment
- 18.2 Configure your Azure Event Hub Destination in Adobe Experience Platform
- 18.3 Create Streaming Segments
- 18.4 Activate Segment
- 18.5 Create your Microsoft Azure Project
- 18.6 End-to-end scenario
- Summary and benefits
- 19 - Adobe Experience Platform and ServiceNow: connecting service to marketing and sales
- Overview
- 19.1 Setup your ServiceNow developer instance
- 19.2 Install and configure the integration between ServiceNow and Adobe Experience Platform through Adobe I/O
- 19.3 Setup your ServiceNow environment
- 19.4 Setup your ServiceNow UI
- 19.5 Setup your ServiceNow Flow
- 19.6 Prepare End-to-end Demo
- 19.7 End-to-end Demo
- Summary and benefits
- 20 - AI-Driven Chat Apps and Live Chat powered by Stackchat
- Overview
- 20.1 Onboard to Stackchat
- 20.2 Build your Luma Bot
- 20.3 Build your Luma Bot - Cloud Functions
- 20.4 Use Journey Orchestration to trigger an email follow up after interacting with your chatbot
- 20.5 Configure the integration between Stackchat and Adobe Experience Platform
- 20.6 Test your chatbot on the demo website
- 20.7 Connect your chatbot to Facebook Messenger
- 20.8 Test the WeChat Integration
- Summary and benefits
- 21 - Adobe Experience Platform Data Collection & Real-time Event Forwarding with Adobe Experience Platform Data Collection
- Overview
- 21.1 Create an Adobe Experience Platform Data Collection Event Forwarding property
- 21.2 Update your Datastream to make data available to your Adobe Experience Platform Data Collection Server property
- 21.3 Create and configure a custom webhook
- 21.4 Create and configure a Google Cloud Function
- 21.5 Create and configure a Microsoft Azure Function
- 21.6 Test and troubleshoot your data collection
- Summary and benefits
- 22 - Build your own real-time dashboard using Adobe I/O - Project Firefly and Adobe Experience Platform
- 23 - Adobe Journey Optimizer
- Overview
- 23.1 Introduction to Adobe Journey Optimizer: build an email message
- 23.2 Configure a trigger-based journey - Account Creation
- 23.3 Configure a trigger-based journey - Order Confirmation
- 23.4 Configure a batch-based newsletter journey
- 23.5 Apply personalization in an email message
- 23.6 Setup and use push notifications for iOS
- 23.7 Create a business event journey
- Summary and benefits
- 24 - Stream data from Apache Kafka into Adobe Experience Platform
22. Build your own real-time dashboard using Adobe I/O - Project Firefly and Adobe Experience Platform
Authors: Rob In der Maur, Wouter Van Geluwe
In this module, you’ll use Adobe I/O - Project Firefly to build your own real-time dashboard that consumes data from Adobe Experience Platform in real-time.
Project Firefly is a complete framework that enables enterprise developers to build and deploy custom web applications that extend Adobe Experience Cloud solutions and run on Adobe infrastructure. It leverages modern technologies (JAM stack, serverless computing, Node, and React) and ensures best practices when building applications (event-driven architecture, micro-services, continuous integration, and delivery).
You can read a lot more details on what Project Firefly is here.
In this tutorial you’ll learn how to build your first Project Firefly application. You’ll closely follow the official Project Firefly documentation, and you’ll ensure your setup is specific to our Adobe Experience Platform instance.
You’ll then use code developed for the purpose of this tutorial to demonstrate a Project Firefly app that provides a real-time content consumption dashboard for EXP News, a fictitious media company.
Learning Objectives
- Become familiar with Adobe I/O Runtime
- Become familiar with Project Firefly
- Understand how to build cloud native applications within Adobe’s ecosystem
- Understand how to use Project Firefly to build real-time dashboards using data from Adobe Experience Platform
Prerequisites
- Access to Adobe Experience Platform and Adobe I/O Runtime
- Understanding of Adobe Experience Platform datasets and XDM
- Familiarity with the command line on macOS or Windows is recommended
Architecture Overview
Have a look at the below architecture, which highlights the components that will be discussed and used in this module.
Sandbox to use
For this module, please use this sandbox: --aepSandboxId--.
Don’t forget to install, configure and use the Chrome Extension as referenced in 0.6 - Install the Chrome extension for the Experience League documentation
Exercises
In order to work with Project Firefly, you need to have certain tools installed on your local machine.
22.2 Introduction to Project Firefly
In this exercise, you’ll learn how to set up a sample project with Project Firefly.
22.3 Build your EXP News real-time dashboard
In this exercise, you’ll create and configure a custom webhook and you’ll start forwarding data that is collected by Web SDK to that custom webhook.
22.4 Connect EXP News data collection to your EXP News real-time dashboard
In this exercise, you’ll create and configure a Google Cloud Function and you’ll start forwarding data that is collected by Web SDK to Google.
Summary of this module and overview of the benefits.
Thank you for investing your time in learning all there is to know about Adobe Experience Platform. If you have questions, want to share general feedback of have suggestions on future content, please contact Wouter Van Geluwe directly, by sending an email to vangeluw@adobe.com.
Resources on adobe.com
Resources
Adobe Account
