HEYYU USER GUIDE

Return to YAIR home page
YAIR > HEYYU > User Guide
HEYYU User Guide
Quick start
HEYYU provides you the power to create complex sequences to fit multiple scenarios. However, for technophobes or those in a hurry, here we help you get a slideshow going in a few minutes with just a few steps. All that is required is some content of your own (photos, scans of a menu or price list, one or two short video clips) and you're good to go!

For convenience whilst you learn HEYYU, we advise using a desktop computer or laptop, not a tablet or mobile phone.

Let's rock!
  1. Content at the ready, on a USB stick, local hard drive etc?
  2. Open a new tab in your web browser
  3. If not already, login to your account at PiCosm.com - ?
  4. From the MustDash header, select ADD > HEYYU Sequence
    5. Selecting the Sequence Maker
  5. The Sequence Maker form will appear
  6. Set the options as follows:
    1. Video clip duration: Auto
    2. Captions: All off
    3. Transitions: Random or select your preferrence from the list
    4. Playback order: Uploaded
  7. Drag your content onto the Files area of the Sequence Maker next to the Upload icon UPLOAD Control
  8. The PiCosm SMART CMS (Content Management System) will be activated
  9. Once your files have finished uploading, click the green tick control
  10. Now click the SAVE Control SAVE control
  11. To test your sequence, open a new browser window and visit https://picosm.com/x/heyyu, where x is the unique Pi ID (1 to 10 digit number) you chose or were assigned when your PiCosm account was activated.
    (Your Pi can be seen in the top left of MustDash header next to the orange PiCosm logo, as per Fig YD-75-44-37 below.)
  12. On the Sequence Maker, click the [Start Playback] control near the bottom of the form.
  13. The sequence will play in a loop indefinately or until you select VIEW > HEYYU > PAUSE from the MustDash header
  14. Congratulations! You have just created your first HEYYU Sequence. Your HEYYU content is all managed using the Smart CMS.

MustDash Header

Fig YD-75-44-37

The MustDash header - Where you manage your PiCosm account and HEYYU

Contents
YD-65-62-22
Creating a (Food) Menu or Price List

LIST / TEXT Icon

This is done using the List Maker form.

Items can be grouped together and the group named, IE, Starters, Mains, Sides, Deserts, Children’s Hair Cuts etc.
  1. Login to PiCosm, if not already.
  2. From the MustDash header, Select ADD > List
  3. The List Maker form will appear
    4. The HEYYU List Maker
    The List Maker in action
  4. A list may be imported or input manually using your keyboard.
  5. Use the various fields to input a menu or price list.
  6. Use the ADD Control ADD controls to insert additional fields as required
  7. The MORE Control MORE controls allow a description to be added below the item title field. For example, if food, such as English Breakfast, then a list of the ingredients. Or if a curry, how the ingredients are prepared.
  8. When complete, click the SAVE Control SAVE control.
YD-39-88-54
Editing a list

LIST / TEXT Icon

There are two methods to edit a list
  1. Double or right click on the List’s clip on the timeline to view the list’s Properties panel
  2. From the file browser, as per YD-44-84-56 below.
Introducing AutoTime

AUTOTIME Icon

If displaying a menu or price list, you will want to ensure it remains on the screen long enough for customers to read through the text.

AutoTime calculates how long a typical person with English as their first language will take to read a specific number of words. Therefore, when you finish any imports or edits and select [OK] to dismiss the Properties panel, you will be given the option to have HEYYU automatically calculate the duration the text appears before the next slide. That is, it automatically sets the end time of the entry clip.
YD-44-84-56
Managing saved lists

LIST / TEXT Icon

From the MustDash header, select VIEW > HEYYU > Lists

These are displayed in the standard PiCosm file browser table. Click the EDIT Control EDIT control to make any changes.

YD-86-46-67
Setting clip timing
Unlike a video editor, where content is assembled and output for sharing later, the Jenesis timeline is real time. That is, content positioned on the timeline at a specific date and time will appear on the remote HEYYU display at that time too. For example, a Lunch menu clip that stretches between 11am and 11:03am on the day(s) you specify will appear on the remote display from 11am to 11:03am, a total of 3 minutes. Various repetition options can be applied such that a clip (or Sequence) repeats at intervals, say, every 15 minutes, every day but Monday and so on.

Fig 86-46-67 / 1

A clip on the HEYYU layer of the Jenesis timeline representing a Menu list created using the List Maker.

Fig 86-46-67 / 2

The circular drag handles at either end of the widget can be used to specify the start and (optional) end time, in this case, 11am to 11:01am Hovering over a clip will highlight it and display its attributes, as shown above.

Various repeat options allow the same content to be programmed to appear in loops and/or at specific times every day or other period.
  1. From the MustDash header at the top of the page, select VIEW > Jenesis Timeline
  2. Position the playhead (vertical line) approximately where you want the clip to start. Drag the timeline if need be, or use the BACK or NEXT controls to jump to the previous or next day.
  3. In the HEYYU layer of the timeline, click at the playhead or around the date and time you wish to insert a menu or list. The Properties panel for that widget will appear.
  4. From the List drop down menu, select the list you desire, such as a Menu, Price List etc.
  5. You can make edits to the list items in the Properties panel.
  6. If you are not using AutoTime, drag the widget handles to select the start and end times for the content. Click the PLAY (>) control top right to check if you can read all the text prior to the next entry appearing on the display. If AutoTime has set the duration, then the AUTOTIME Icon AUTOTIME icon will appear in the clip.
YD-58-43-78
Introduction to HEYYU Templates

TEMPLATE Icon

Templates are preset styles that affect how content is displayed on your HEYYU within a sequence, such as the typeface, colour and style of a food menu. One or more Templates can be applied to any of your Lists, such as a Lunch Time Menu, Drinks Price List, Men’s Hair Cut Price list etc. Templates also affect the business information displayed on your HEYYU, such as name, opening hours, telephone number, social media links and so on.

Templates obtain the information they style from your Lists (Menus, Price lists etc) and the business information you should have input onto your PiCosm account at VIEW > Account > Profile via the MustDash header.

Several sample templates are supplied with HEYYU.

Each template affects the following components of a list:

  1. Position, typeface, style (regular, bold, italics) and colour of the various text components, including:
    • Title of a List, such as Lunch Menu.
    • Layout of the main body of a menu or list
    • Telephone numbers, such as for Orders or Bookings
    • Page counter
    • Business name
    • Opening Hours
    • Social media links
    • Weather information
  2. The HEYYU logo will always be shown lower right with the software version number nearby, IE HEYYU 1.01

Hang on!

NOTE: Templates do not control the background colour or image. This is done using the Image insert feature on a separate timeline layer, described in sections YD-75-76-89 and YD-36-44-34 in this guide.
Creating your own templates
To add your own creative flare, you can modify and Save as… your own templates, however the supplied sample templates cannot be overwritten or deleted.
YD-74-94-99
Applying a Template to a List

TEMPLATE Icon LIST / TEXT Icon

Lists are styled using templates. A selection of Demo templates are supplied to allow you to quickly get some stylish eye-catching content on your HEYYU display without too much effort.

Fig 74-94-99 / 1

Template clips below List clips - Note the two templates below the second List clip

  1. Position the playhead on the Template layer approximately below the List you wish to style
  2. Double or right click on the Template layer
  3. From the template clip properties panel select the required Template from the drop down menu. By default, a Demo template will be applied, with the following characteristics, from top to bottom:
    1. Telephone Number 2, top left
    2. Current weather, top right
    3. List name, top centre (IE, Lunch Menu)
    4. Two columns of list content in main area of HEYYU display
    5. Page counter dots
    6. Your opening hours
    7. Social media info
  4. To preview how the template will affect the content, click the Preview control top right. To stop the preview, click Stop or press [Esc] on your keyboard.
  5. Once you have selected a template, use the grab handles at either end of the template clip to precisely set the start and end time.

Fig 74-94-99

Template clip attributes

YD-83-24-79
Editing a template

TEMPLATE Icon

Once proficient with HEYYU, you can edit and Save as… any of the supplied Sample templates, or create a new one from scratch. (The Sample templates cannot be overwritten or deleted.)

This to ensure you can use any of the supplied Sample templates in an emergency or when training staff.

Although you can control the layout of the items specified in the template editor, if there is a conflict between the positions of items, then this will be handled by the software automatically.

Fig 83-24-79

Template editor
The titles of the components of the template are based in part on the information you input in your PiCosm Profile (VIEW > Account), such as telephone number(s), social media and web links etc.

YD-54-39-36
Saving a template

TEMPLATE Icon

  1. Once you have edited a template, click Save as… in the editing panel or form.
  2. When prompted, input a name for the Template, IE, Christmas Style using up to 50 characters.
  3. Click [Save]

Fig 54-39-36

Template name input panel

YD-75-76-89
Inserting an image or solid colour clip

IMAGE Icon

Photos and other images can be shown between your menus or price lists to jazz them up. Alternatively you can create a background made up of a solid colour.

Any of the following formats are supported:

For optimum quality, we recommend saving in 1920 x 1080 pixel resolution minimum at a 16:9 aspect ratio.

Fig 75-76-89

Image clip positioned after a List clip

An image can be inserted using any of the following methods:
Drag and drop
  1. Position the playhead approximately where you want the clip to appear
  2. From your desktop, drag an image to the timeline.
  3. An image clip will automatically be created.
From MustDash header
  1. Position the playhead where you want the clip to appear
  2. From the MustDash header, ADD > Image
  3. Select an image from your file browser
Creating a solid colour background
  1. Bring up the image clip properties panel by double or right clicking it.
  2. Set the Solid colour checkbox to On.
  3. Select from the list of preset colours or if you are feeling technical, type HEX RGB values into the field below the preset colour menu.

Fig 48-62-92

Image clip attributes

See also
YD-36-44-34
Using an image as a background

IMAGE Icon

Fig 36-44-34

Image clip positioned below a List clip to act as a background image

Any image can also act as a background to your text.
  1. Drag the image clip to below the list clip the image is to appear behind.
    (If there is no content above the image clip, then the image will appear alone.)
  2. To any the text above the image is legible, adjust the opacity of the image by double or right clicking on the clip and selecting a value from the Opacity drop down menu. To input an Opacity value not shown on the drop down menu, enter it into the freeform field to the right of the drop down menu.

Fig 48-62-92

Image clip attributes with some opacity

See also
YD-56-66-58
Inserting a video clip

VIDEO CLIP Icon

Got some footage of your business in action? This can be shown on your HEYYU!

Fig 56-66-58 / 1

30 second Video clip inserted after a List, such as a food menu

We recommend keeping video clips as short as possible, say a maximum of 30 seconds. Passers-by will have a limited attention span, so your content needs to change frequently and communicate as much information as possible in the shortest period, without being too quick that they cannot consume key facts.

The following video formats are supported:

Video clips are inserted using the same technique as for Images. The difference being that the length of the clip will initially be set by the length of the video. You can then trim the video using the grab handles at the start end end of the clip, or manually by inputting values into the fields on the properties panel that appears when you double or right click the clip.

Fig 56-66-58

Video clip attributes shown in the properties panel

YD-64-35-29
Inserting a 3D object

3D OBJECT Icon

HEYYU can support displaying 3D models that can be animated in real time, as opposed to a recording of an animation that you can upload as a Video clip.

The following 3D formats are supported:

Fig 64-35-29 / 1

3D object clip between List and Image clips

Fig 64-35-29

3D clip attributes shown in the properties panel

YD-49-54-47
Adding a transition

TRANSITION EFFECT Icon

This is a visual effect that appears between one clip and another, or at the start or end of a clip. IE, a fade, a cross fade, a circular wipe and so on.

Fig 49-54-47 / 1

A Transition clip below Text and Image clips

  1. Right click or double click on the timeline below the clip you wish to add the transition to.
  2. If the properties panel has not appeared, right click the widget and select Edit.
  3. From the Clip type menu, select Transition or Transition effect
  4. From the Transition drop down menu, select the effect you desire.
  5. Use the clip handles to adjust the duration of the transition, or manually input the value into the Duration field in the Properties panel.

Fig 34-57-89

Transition clip attributes

See also

Go to top of page