Chapter 2. Prepare the Next Gen App

Define titles, categories, and kiosk architecture

This part details how to organize content on Cloud Connect, also how to prepare your application architecture.

Example of organizing content on Cloud Connect

The first step consists of defining the content you want to add in Cloud Connect. You need to define Titles, Issues and Categories and to know the architecture of your store.

Phase 1: Manage the content by Titles, Issue, Categories in Cloud Connect. Then you can pass to Phase 2.

Phase 2: Manage the banners in the Next Gen App: The banners will display the content by Issues/Titles/Categories that you have created during Phase 2.

Figure 2.1. 

Define banners height

This part describes how to define the height of the banners, which you can set then in Cloud Connect when building your store model.

To define and represent the banners height we'll take a reference resolution.

For banners height it is recommended to take an iPAD non retina (1,024 PX vertically) as model. For example, if one can factor a 250 it will take 25% of the screen on a vertical iPad. The following example is based on this configuration.

Figure 2.2. 

Figure 2.3. 

Figure 2.4. Banners on smartphones

Banners on smartphones

Example 2.1. 

If all your banners are 300 PX height, you can show three banners on the screen height (3*300 = 900 PX), and the forth will be cut (4*300 = 1200). The user will have to scroll down to see the rest of the categories.

Example of architecture

This step is recommended to create your application architecture. You can list the elements that would appear in NextGen indicating their heights, types, actions and settings.


We recommend you to make one architecture for small and medium screen.

Figure 2.5. 

Page Top
loading table of contents...