sigma touch branding generator manual...page 2 november 2015 sigma touch branding generatorsigma...

November 2015

Sigma TouchSigma TouchSigma TouchSigma Touch

BrandingBrandingBrandingBranding GeneratorGeneratorGeneratorGenerator

Issue 1Issue 1Issue 1Issue 1 November 2015November 2015November 2015November 2015

November 2015

ContentsContentsContentsContents

Introduction .......................................................................................................................................... 2

Key Features ..................................................................................................................................... 2

Installing Software ................................................................................................................................ 3

Customisable Screens ......................................................................................................................... 5

Main Menu ......................................................................................................................................... 5

Layer 1: Menu Background Image ........................................................................................... 6

Layer 2: Logo Image ................................................................................................................... 6

Layer 3: Menu Banner ................................................................................................................ 7

Finished Screen ................................................................................................................................ 7

Finished Background .................................................................................................................. 7

Indulge Menu .................................................................................................................................... 8

Indulge Background Image ........................................................................................................ 8

Drink Cups ....................................................................................................................................... 8

Drink Cup Images ....................................................................................................................... 8

Media Backgrounds ......................................................................................................................... 9

Media Background Images ......................................................................................................... 9

Vending Video Background Images ......................................................................................... 9

Using the Branding Generator ....................................................................................................... 10

Loading the Branding File ................................................................................................................ 11

Sigma Touch Media Playlist ............................................................................................................. 13

Video Playback / Compression ...................................................................................................... 13

Video Lengths ................................................................................................................................ 13

Drink Vending Video Types ....................................................................................................... 13

Video Playlist ................................................................................................................................. 14

Playlist.xml ...................................................................................................................................... 16

<movie>Drink Promo Video.mp4</movie>...................................................................... 16

<title>Promo Video</title> .................................................................................................. 16

<weight>1</weight> ............................................................................................................... 16

<type>idle</type> ................................................................................................................... 17

<productGroup>soup</productGroup> ........................................................................... 17

Default Videos ................................................................................................................................... 17

Example Playlist ................................................................................................................................. 18

USB Sticks ........................................................................................................................................... 19

Installing Videos ................................................................................................................................. 19

Saving your playlist file. .................................................................................................................... 21

November 2015

Sigma Touch Sigma Touch Sigma Touch Sigma Touch Branding GeneratorBranding GeneratorBranding GeneratorBranding Generator User GuideUser GuideUser GuideUser Guide

Introduction Thank you for purchasing your Sigma Touch vending machine with us. As well as getting the latest Italian designed espresso brewer you have the ability to change the look and feel of your vending machine by adding your own personal touch. You have the ability to change:

• Screen colours or wallpaper design

• Change menu page logo

• Change the wallpaper on media screens

• Change the wallpaper on vending screens

• Change the vending videos played while taking a drink.

• Change the Vending wallpaper

• Change the Drink complete page

• Change how the Media is played on the screen and how often

• Change the standard cups to your branded versions or add extra information such as allergens or nutrition information.

This guide will introduce you to Westomatic Branding Generator and explain the various ways you can use it to customise your machine. NOTENOTENOTENOTE: This guide is only for Westomatic Sigma Touch with a Software version of 2222 or higher If your machine did not come with the Branding Guarantor Software then for additional information, up to

date support or to contact our Technical Support Team call +44(0) 1626 323100 or visit Westomatic at: www.westomatic.com

Key FeaturesKey FeaturesKey FeaturesKey Features

• Change allergen information • Change company logo • Stylized menu page • Add media screens and define the times that the video is played • Change Drinks Cups to match your brand • Promotion screens to up sell syrup shots • Generate income from selling advertising space • Very simple installation procedure – Screen templates are available on request.

November 2015

Installing Software On the USB flash drive there is a file labelled WeWeWeWestomaticBrandingGenInstallerstomaticBrandingGenInstallerstomaticBrandingGenInstallerstomaticBrandingGenInstaller.exe.exe.exe.exe If this file is not present then go to the WestoNet site and click on DOWNLOADS to down load the file. Double click the icon to start the installation process

The program will unpack ready for installation

When it is ready to begin click INSTALL to begin the installation process.

November 2015

Tick the Westomatic branding Generator component to install, and then click NEXT

Select the folder you would like to install the program. To accept the default click NEXT

Once complete click NEXT to exit the installer.

Congratulations, you have now successfully installed the Westomatic Branding Generator software you are now on your way to customising the screens.

November 2015

Customisable Screens You are now going to be presented with the screens that can be customised with the corresponding file type and size. Using any form of graphics software to create a PNG (Portable Network Graphics) file. PNG supports palette-based images with palettes of 24-bit RGB, grayscale images with or without alpha channel, and full-colour non-palette-based RGB images with or without alpha channel.

MainMainMainMain MMMMenuenuenuenu The Sigma Touch onscreen menus are made up of layers and can be represented by the image below. When designing your screens you must be careful in understanding the layers above and below your artwork to avoid messy or hidden information. Layer 4Layer 4Layer 4Layer 4 is the onscreen buttons. The position and colour cannot be altered however depending the machine configuration some buttons may or may not be available such as: Credit ( Top Right ) Language ( Configurable position on bottom of screen ) Accessibility ( Configurable position on bottom of screen ) Enter PIN code ( Configurable position on bottom of screen ) Take note of these positions when placing logos or messages.

Layer 5Layer 5Layer 5Layer 5 is the vending machine messages. Messages such as Menu , Extras Menu , Indulge , Cup Detection etc. will appear on the screen in fixed positions in Black font. Be aware of this when producing dark background images. Our image templates indicate these positions.

November 2015

Layer 1: Menu Background Image Layer 1: Menu Background Image Layer 1: Menu Background Image Layer 1: Menu Background Image The Menu Background Image is the bottom layer shown in yellow, the default is the fading grey to white

Please note – If you do choose to design your own page you will need to consider the positioning of the „Menu‰ and „Machine text goes here‰ messages within your design as these are built in features of the software and cannot be repositioned or have the colours changed. Image type: Size: 1440 x 900 pixels File Type: png 24 bit Colour mode: RGB

Layer 2: Logo Image Layer 2: Logo Image Layer 2: Logo Image Layer 2: Logo Image The logo at the top centre of the screen appears on the main menu and the indulge you drink pages. The position of the menu is shown in brown

Image type: Size: 368 x 98 pixels File Type: png 24 bit Colour mode: RGB

November 2015

Layer 3: Menu Banner Layer 3: Menu Banner Layer 3: Menu Banner Layer 3: Menu Banner The Menu Banner appears in the centre of the screen as shown in Cyan on the menu screen below. The default image is the cup and beans. This image appears under the buttons and therefore some of the imager may be obscured. Depending on your background image you may decide not to use the menu banner and incorporate the design into the Menu background Image (Yellow) in this case you still have to create an image which is transparent and upload this to the machine. Any unused images will default to the machine default settings.

Image type: Size: 243 x 575 pixels File Type: png 24 bit Colour mode: RGB

FinishedFinishedFinishedFinished SSSScreencreencreencreen

Finished Background Finished Background Finished Background Finished Background This appears once your drink has dispensed and is ready to remove from the cup dispensing area. Please note – If you do choose to design your own page you will need to consider the positioning of the ÂEnjoy⁄Your drinkÊ text and the lower third „PLEASE TAKE YOUR DRINK CAUTION IT MAY BE HOT‰ banner within your design as these are built in features of the software and cannot be repositioned. The font colour is white so light coloured backgrounds will not show up the text.

Size: 1440 x 900 pixels File Type: png 24 bit Colour mode: RGB The size of the bottom Spacer is 1440px x 90px avoid any text in this zone as it will not be shown.

November 2015

IndulgeIndulgeIndulgeIndulge MMMMenuenuenuenu

IndulgeIndulgeIndulgeIndulge Background Background Background Background ImageImageImageImage The background image is for any other menus which may be used like the decaf menu. Care must be taken when designing your own background to avoid dark colours and key text information shown in black. On the indulge your drink page we have the menu logo you designed earlier along with the drink cups. Every machine comes with a set of standard china cups.

Size: 1440 x 900 pixels File Type: png 24 bit Colour mode: RGB

DrinkDrinkDrinkDrink CCCCupsupsupsups

Drink CuDrink CuDrink CuDrink Cup Images p Images p Images p Images The cups (or drinks images) appear on every menu page once the customer has made their selection. This area also has the ability to be customised if needed to include allergen information, or use your own branded cups as in the examples. On the indulge your drink page we have the menu logo you designed earlier along with the drink cups. Every machine comes with a set of standard china cups. On the right are some examples of how to display allergen and brand information using the Cup image.

Size: 411 x 292 pixels File Type: png 24 bit Colour mode: RGB

November 2015

MMMMediaediaediaedia BBBBackgroundackgroundackgroundackgroundssss

Media Background Images Media Background Images Media Background Images Media Background Images The Sigma Touch in <idle> mode will run a series of adverts as outlined in the Sigma Touch Media Playlist section in this manual in this manual on page 13. The default for the image is black shown on the right. Note: Messages in white text instructing the user to touch the screen and this is an advertisement do appear at the top and bottom of the screen. Take care when branding this screen to allow for white text to be read.

Size: 1440 x 900 pixels File Type: png 24 bit Colour mode: RGB The size of the top and bottom Spacer is 1440 x 90 so avoid any text in this zone as it will not be shown.

Vending Video Background Images Vending Video Background Images Vending Video Background Images Vending Video Background Images The Sigma Touch in <vend> mode will run a vend video as outlined in the Sigma Touch Media Playlist section in this manual in this manual on page 13.The default for the image is black/red shown on the right. Note: Messages in white text „Your drink is being prepared‰ and the drink countdown timer appear at the top and bottom of the screen. Take care when branding this screen to allow for white text to be read.

Size: 1440 x 900 pixels File Type: png 24 bit Colour mode: RGB The size of the bottom Spacer is 1440px x 90px avoid any text in this zone as it will not be shown.

November 2015

Using the Branding Generator Now that you have finished creating your own customised screens it is now time to collect all the images together into a branding pack file ready to be loaded onto the machine. You will have a collection of files some will be customised and branded to suit your requirementÊs of the type and size outlined in this manual. If you are going to use the default images then you do not have to use or save any files as by default the files are already in the machine. Any unused images must be a blank file, remember that no file reverts to default, any you have all the cup images required. Run the Westomatic Branding Generator by double clicking on the file BrandingGen.exe located by default at C:\Westomatic\BrandingGenerator . This will run the Branding generator as shown below

Press Button [A]. This will open up where the image file is to be stored. Choose your filename and location and click [SAVE]. The Package Name will now include the filename and location. Into the 7 background image slots on the left drag the file you created into the box shown by the colour coding below. The colour box will then show the filename and location. Menu Logo

Background Image

Vending Background

Finished Background

Media Playback Background

Menu banner

Menu Background Image

A

November 2015

On the right side of the screen you can drag into the white box all the different type of cups you have for each drink. This is where drink allergens can be displayed for each drink.

When you have dragged in all the background images and cups in to the generator click the [GENERATE] button [B], this will then generate a branding file with the .branding file extension. Copy the file onto a USB stick ready to load into the Sigma Touch.

Loading the Branding File Open the door to the Sigma Touch and insert the USB stick into the systems port on the rear of the Touch screen. Before we upload the files to the Sigma Touch we must first check everything is correct so as to avoid a wasted trip to the machine on site. Checklist:

o You have a USB stick. o You have generated all the background images to the stated size. o You have created black files for images not required. o You have observed warning about the placement and colour of text on the screens. o You have all the vend cups you need with allergens. Default cups will be on the machine o You have correctly used the branding generator program to generate a .BRANDING file

Open the door to the Sigma Touch, on the rear of the touch panel you will find two USB ports labeled „Service USB‰ and „System USB‰, plug in your USB stick into the Right USB port labelled „System USB‰.

With the door open enter service mode and enter your PIN code. After entering Service mode you will see the menu screen to the left, touch the „Media And Branding Settings‰ to enter the media section of the machine.

B

November 2015

Once in the media section touch the button on the left hand side labelled „Change UI Branding‰ to access the branding upload page. The USB stick will now be scanned for files and folders which will be displayed on the screen. Touch the „Install Local Branding‰ tab at the top of the page to begin installing the branding package. Navigate to your file stored on the USB stick using the on screen arrow buttons and using touch to enter directories. Touch your file in the list and it will change colour to indicate the selection. At the bottom of the screen a button will appear allowing you install branding package

After the branding file has loaded touch the confirm button then touch the „Choose Branding‰ tab at the top of the screen. All the installed branding packages will be shown. Each touch screen can have many different branding packages allowing for easy change of the look of machine as the seasons change or product promotions. Touch the branding package you want and then touch the Apply branding Package button at the bottom.

The new branding package is now applied and will be displayed when the door is closed. Any media backgrounds [Vending Background] or [Media Playback Background] will require a power cycle before they will be shown.

November 2015

Sigma Touch Media Playlist

Video Playback / Compression For smooth playback of the advertising and drink vending videos, they should all be encoded using the H.264 codec at 720p/25fps. If the VBR (Variable Bit Rate) can be adjusted, it should normally be between 6Mbps and 10Mbps.

• H.264 codec at 720p and 25 frames Per Second

• Variable bit rate: 6Mbps and 10 Mbps • .MP4 file type • 720p Screen size = (1280px Wide) x (720px Tall)

VideoVideoVideoVideo LengthsLengthsLengthsLengths Advertising videos can be of any length with stereo sound as required. Still JPEG images can be played by converting the still image into a video of the required length. Videos shown during a vend (Yellow) can be of any length with or without audio. However it must be noted that the vend times for various drinks can vary due to drink make up and differing drink recipes. This means that a video of shorter length than the vend cycle (Blue) will loop until the vend is complete and videos longer than the vend cycle (Pink) will be cut short when the vend is complete as shown below.

Drink Vending Video TypesDrink Vending Video TypesDrink Vending Video TypesDrink Vending Video Types If you are going to create your own videos to play during a vend then you can change up to five video groups. 1: Tea video is played for all Tea drinks ( Fresh Brew and Instant ) 2: Coffee video is played during all Coffee drinks ( BTC and Instant ) 3: Hot Chocolate video is played during all Hot Chocolate drinks 4: Soup video is played during all Soup drinks ( Both Soups play the same video ) 5: Water video is played during all Water drinks ( Hot and cold water)

November 2015

Video Video Video Video PlaylistPlaylistPlaylistPlaylist Now that you have created your own advertising videos and drink vending videos you can copy them onto a USB stick in any directory that you require along with the video playlist file playlist.xmlplaylist.xmlplaylist.xmlplaylist.xml A default playlist file will be on your USB stick or from where you downloaded the BrandingGenerator file on WestoNET . The playlist file is the way to specify which video to play and in which order those videoÊs should be played and how many times it is played. The format of the file is as shown in the example below:- <?xml version="1.0" encoding="utf-8"?> <Playlist target="Sigma Touch"> <video> <movie>Drink Promo Video.mp4</movie> <title>Promo Video</title> <weight>1</weight> <type>idle</type> </video> <video > <movie>tea.mp4</movie> <title>Tea video while vending</title> <weight>1</weight> <type>vend</type> <productGroup>Tea</productGroup> </video> <video > <movie>coffee.mp4</movie> <title>coffee video while vending</title> <weight>1</weight> <type>vend</type> <productGroup>Coffee</productGroup> </video> <video > <movie>hot_choc.mp4</movie> <title>Chocolate video while vending</title> <weight>1</weight> <type>vend</type> <productGroup>Chocolate</productGroup> </video> <video > <movie>Soup.mp4</movie> <title>Soup video while vending</title> <weight>1</weight> <type>vend</type> <productGroup>soup</productGroup> </video> </Playlist>

November 2015

DonÊt worry at this point you do not need a computer degree to understand this, it is a very simple XML file. Locate the playlist.xml file on your USB stick or downloaded .<Right Click> on the file click <Open with> and click on <Notepad>. If you do not have right click notepad the open notepad and inside notepad open the playlist.xml file. Edit the file and remember to save it as playlist.xml not playlist.txt

November 2015

Playlist.xmlPlaylist.xmlPlaylist.xmlPlaylist.xml Now you have opened the playlist file you can ignore the first two lines <?xml version="1.0" encoding="utf-8"?> <Playlist target="Sigma Touch"> We do not need to know what these do, just leave them where they are. The rest of the file is defining every video one at a time that will be played in separate TABS with some elements associated with that video to make it run. An XML element is everything from <including> the element's start tag to </including> the element's end tag. In this case each video is defined between <video> and </video> as shown below. Every video you want to play will have to have this block of code in the playlist.xml file, see example on page 18. <video><video><video><video> <movie>Drink Promo Video.mp4</movie> <title>Promo Video</title> <weight>1</weight> <type>idle</type> <productGroup>soup</productGroup> </video></video></video></video> Each line of the video tag is defined below:

<movie>Drink Promo Video.m<movie>Drink Promo Video.m<movie>Drink Promo Video.m<movie>Drink Promo Video.mp4</movie>p4</movie>p4</movie>p4</movie> This TAG names the video to be played. You must type in the filename exactly as it is written. The playlist IS CASE SENSITIVEIS CASE SENSITIVEIS CASE SENSITIVEIS CASE SENSITIVE (aaa.MP4 and AAA.MP4 are regarded as two separate video files). When the Sigma Touch runs videos it runs them from the top to the bottom of the list in order. This allows you to order the playlist shown on the screen.

<title>Promo Video</title><title>Promo Video</title><title>Promo Video</title><title>Promo Video</title> This tag is used to title the video with a reference when using remote telemetry. You can set a different playlist, upload and download videos over a mobile connection which is outside the scope of this manual. You can enter something here if you need to reference what the video content is for later use.

<weight>1</weight><weight>1</weight><weight>1</weight><weight>1</weight> Every video is played in the playlist at least once. The weight tag allow you at add some weight to the video and change how many times it is played during the playlist. For example if 6 videos all have a weight of 1 each video is played once every time the playlist is run. Should now one of the videos have a weight of 3, this video will now play 3 times every time the playlist is run. In this case ever other video. This is a useful feature when running payed adverts where cheaper adverts donÊt run as many times as others.

November 2015

<type>idle</type><type>idle</type><type>idle</type><type>idle</type> This tag defines when the video is played. The Sigma Touch has two play modes (idle) and (vend). (idle) tag runs the video only during idle mode when the machine is in standby mode running adverts. (vend) tag runs the video only during a vend depending on the <productGroup>

<productGroup>soup</productGroup><productGroup>soup</productGroup><productGroup>soup</productGroup><productGroup>soup</productGroup> The <productGroup> tag is only used on the vend videos and is not included in the idle mode videos. It is used to define the group of drinks the video is played with. The value of the productGroup can only be one of the following: <productGroup>Tea</productGroup> <productGroup>Coffee</productGroup> <productGroup>Chocolate</productGroup> <productGroup>Soup</productGroup> <productGroup>Water</productGroup>

Default Videos By default the blank playlist.xml file contains all the code needed to play the videos on the screen as delivered to site. The videos below are preloaded onto your machine at the factory and do not need to reloaded. Drink Promo Video.mp4 tea.mp4 coffee.mp4 hot_choc.mp4 Soup.mp4

November 2015

Example Playlist An example PLAYLIST.XML file for 3 videos called Video One.mp4 , Video Two.mp4 and Video Three.mp4 <?xml version="1.0" encoding="utf-8"?> <Playlist target="Sigma Touch"> <video> <movie>Video One.mp4</movie> <title>Promo Video One</title> <weight>1</weight> <type>idle</type> </video> <video> <movie>Video Two.mp4</movie> <title>Promo Video Two</title> <weight>1</weight> <type>idle</type> </video> <video> <movie>Video Three.mp4</movie> <title>Promo Video Three</title> <weight>1</weight> <type>idle</type> </video> <video > <movie>tea.mp4</movie> <title>Tea video while vending</title> <weight>1</weight> <type>vend</type> <productGroup>Tea</productGroup> </video> <video > <movie>coffee.mp4</movie> <title>coffee video while vending</title> <weight>1</weight> <type>vend</type> <productGroup>Coffee</productGroup> </video> <video > <movie>hot_choc.mp4</movie> <title>Chocolate video while vending</title> <weight>1</weight> <type>vend</type> <productGroup>Chocolate</productGroup> </video> <video > <movie>Soup.mp4</movie> <title>Soup video while vending</title> <weight>1</weight> <type>vend</type> <productGroup>soup</productGroup> </video> </Playlist>

November 2015

USB Sticks The specification of the external USB stick is not important as it is only used to transport files from your computer to the Sigma Touch machine.

Installing Videos Before we upload the files to the Sigma Touch we must first check everything is correct so as to avoid a wasted trip to the machine on site. Checklist:

o You have a USB stick o You have all the advert videos you need to play on the USB stick o You have all the vend videos you need. Default vend videos will be on the machine o You have correctly edited the playlist.xml file with the correct filenames (page 16)

Open the door to the Sigma Touch, on the rear of the touch panel you will find two USB ports labeled „Service USB‰ and „System USB‰, plug in your USB stick into the Right USB port labelled „System USB‰.

With the door open enter service mode and enter your PIN code. After entering Service mode you will see the menu screen to the left, touch the „Media And Branding Settings‰ to enter the media section of the machine.

Once in the media section touch the button on the left hand side labeled „Offline Media Support‰ to access the video upload page. The USB stick will now be scanned for files and folders which will be displayed on the screen. Navigate to your files stored on the USB stick using the on screen arrow buttons and using touch to enter directories.

November 2015

Touch your file in the list and it will highlight in green to indicate the selection. At the bottom of the screen a button will appear allowing you install media file: ?????.xml or ????.mp4

After the file has been installed successfully touch the Confirm button to continue. Repeat this process for all other video files and vend video files and donÊt forget the playlist.

November 2015

Saving your playlist file. There is no current method on the Sigma Touch to delete any on the installed video files; there is plenty of space to store more than enough video files (32Gb internal storage). It is however worth noting down the videos in the playlist and installed videos on the machine for future development. The Sigma Touch does not display the filename of any installed video and there is no method to download the playlist or video files, this is done for security of video files and means that in the future when you need to add a video to the current playlist you have to remember the playlist and what is currently on the machine or have the playlist file stored for future use. Adding one more video to the machine without knowing what is already on the machine will require a new playlist file to be made as on page 14 with the new video and all those currently on the machine. Use the chart below to make a note of the playlist files on the machine for future reference.

Playlist.xml file and videos on machine

File name Description Where used

Drink Promo Video.mp4 Default Westomatic Video Idle Mode

tea.mp4 Default Westomatic Vend Video Vend mode

coffee.mp4 Default Westomatic Vend Video Vend mode

water.mp4 Default Westomatic Vend Video Vend mode

hot_choc.mp4 Default Westomatic Vend Video Vend mode

November 2015

sigma touch branding generator manual...page 2 november 2015 sigma touch branding generatorsigma...

Documents