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.