Website logo
➡️ purplepublish.com
Overview
Support
Setup
Editorial
Experience
Growth
Developers
Expert
Navigate through spaces
⌘K
Purple Experience
Purple Experience Builder
Structure of Dynamic resources
Views
Experience Set-up
Image Scaling
Branding of your Experience
Experience Menus
Advertisment
App onboarding configuration
Add a legal page to the Experience
Configure SEO attributes
Configure Error Pages
Configure a login page in Experience Builder
Configure the feedback email in the app with Experience Builder
Configure a custom domain
App Analytics
Tracking Services
Tracking Configuration
Tracking Events
Action URLs and Deep linking
List of Action URLs
Deep linking
Migration
Docs powered by Archbee

Purple Experience

5min

Introduction

The Purple Experience is a web framework to build user interfaces for digital content-centric apps and websites. The packs of data assembled in the Purple Experience are called 'dynamic resources', as these are the data in the app, which can be changed dynamically (on the fly) and don't require a new submit in the App Store.

The Purple Experience is configured for every 'app' via the Purple Experience Builder. It gets its dynamic files (config, icons, fonts etc.) from the 'Dynamic resources'.

Note: The generic term 'app' can refer to a Purple App or a website

The ways a Purple Experience can get deployed are:

  • Purple App
  • Purple Website

Purple Apps are built via the Purple Manager as a 'preview app' or 'live app' and can be downloaded via the QR code visible there.

  • The 'release apps' get uploaded by users to the Apple App Store or Google Play Store.
  • The 'preview apps' are for testing and development.

Purple Websites are websites directly powered by the Purple Experience. This means, the Purple Experience coming from the 'app' can be displayed on both, the Web and the Purple App.

The core differences to the former product feature, called 'Webkiosk' are:

  • The data is published to the Purple Content Cloud (the 'Webkiosk' only supported the old platform & model)
  • Server-Side Rendering (SSR): The first load is done on the server, which improves visual page loading and is better for search engine optimization.

Web Experience

The Web Experience is the web component of the Purple Experience framework. It's an Angular app that utilizes Server-Side Rendering (SSR). Each customer's app can have a unique appearance and behaviour, yet they all leverage the same framework and infrastructure. The key elements of this app include views and components.

App Experience

The implementation of The App Experience is Consistent with the Web Version, utilizing identical the same dynamic resources. However, certain features, such as the app menu and tracking functionality, have been exclusively incorporated into the native app implementation.

Dynamic resources

Dynamic resources are the core of each app. The dynamic resources are files based on web technologies, that can change some configurations (e.g. App Menu, Channels, Tracking, …). The app checks for updated dynamic resources on every app start and resume. This mechanism allows you to edit files on the fly, without submitting an app update.

Dynamic resources are accessible in the following ways:

  1. Via Purple Manager: They can be downloaded from the Purple Manager, where a Preview- and Live version of the resources exists. Learn how to edit Dynamic resources from Purple Manager
  2. Via Purple Experience Builder: Furthermore, they can be accessed via the Purple Experience Builder, which is a Web application in which the editing happens and doesn't require the down-and-upload of the files. Learn how to edit Dynamic resources in Purple Experience Builder

Learn more about the structure of dynamic resources.

Updated 24 Nov 2023
Did this page help you?
NEXT
Purple Experience Builder
Docs powered by Archbee
TABLE OF CONTENTS
Introduction
Web Experience
App Experience
Dynamic resources
Docs powered by Archbee
ImprintPrivacy Policy
© Sprylab Technologies GmbH 2023