InteractiveMedia’s Imagine Software Platform

• When user clicks on the Imagine desktop icon or installed app. This is the first thing the user will see full screen without top url bar or any bookmarks etc….

• This software is required to insert username and password to gain access. (User can deactivate this service in the settings tab after logging in )

• If a password or username has been forgotten, users can?????

Home screen Flow of a user:

1. When a user logs in, this is shown in the bottom right corner as well as the last logged in time

2. As soon as the user logs in, Home tab will provide the next step with the available options(start blank layout, open template, etc..)

3. In the main design window (Imagine logo) will be displayed until user clicks one of the options.

4. The green light in the bottom left lets a user know they are connected to the Internet, if user is not connected this will turn red

Notes:• Please follow new design layout• Please add the “imagine logo” in start design screen.• Add the late login time• All tabs and buttons must be disabled unless layout is saved.• Export Layouts • Add the Internet connection icon.

Start a blank setupFlow of a user:

1. When a user logs in, Home screen is displayed with Imagine logo on the design screen

2. If user selects blank setup, Imagine logo will disappear.

3. After blank setup has ben clicked user will be directed to the setting/info tab which will require the user to save the file before he can do anything else.

4. All icons and buttons must be disabled until user has named and saved the blank layout

IMAGE OF SAVING A BLANK SETUP

Open a template Flow of a user:

1. Once “Open a template” has been clicked, move to settings tab.

2. User must now save the brand new layout whilst also selecting which template and aspect ratio they need.

3. Once selected, User must click save.

4. Once saved design window will implement the changes with the new region templates.

5. All icons and buttons must be disabled until user has named and saved the blank layout

IMAGE OF SAVING A TEMPLATE

Notes:• 12 different template options • 4 different aspect ratios• All buttons disabled until user names and saves• When regions are added via the template, each region must be a different colour

Open a saved layoutFlow of a user:

1. Once “Open a saved layout” has been clicked, move to the setting icon.

2. User must now select the correct file they wish to load.

3. Once selected, User must click save.

4. Once saved design window will implement the changes with the previously saved layout features including all backgrounds, content (timings) and setup.

5. User can also highlight multiple files and click delete.

Notes:• Files will be listed vertically• Users can highlight multiple files and click delete.• User must highlight one file and click “open”

Export and import a saved layout

Flow of a user:

1. Once “Export/import a saved layout” has been clicked, stay on home screen with the correct settings

2. User must now select the correct file they wish to export or import as well as the location they wish to store

3. Once selected, User must click “Export or Import”

4. Once Exported or Imported, A message will say “Success”. Once message disappears user can locate the imported file in the “saved layouts,” Exported files will be in the users saved location.

5. Exporting of saved layouts must include all features; Media files, timings, background, fade in features, and region layouts.

6. User can now

IMAGE OF EXPORTING AND IMPORTING FILES

Create a new user Flow of a user:

1. User can add new users in the portal,

2. User must complete form and accept the changes

Contact Details

• info

Customize SettingsFlow of a user:

1. User customizes entire software settings through the settings tab.

2. User can decide length and transition time in these settings.

3. User can also deactivate login and password.

Notes: • Users can select whether they want a password or not• Password protection must be added when user pushes play (user must be required to insert

password in order to go back to the design screen.)

Adding BackgroundFlow of a user:

1. User changes background by clicking on the background Icon on the right.

2. When user clicks the background icon, the settings tab on the left will appear .

3. User can now upload or delete new backgrounds.

4. User can also add colours or a background image

5. If user has made the selection this will auto preview on the design window,.

6. If users is happy with the look, user can accept or decline the changes.

Notes: • User can upload a background or select a colour• Users can delete and upload new backgrounds• Please follow the new PSD designs.

Adding a region

Notes:• Please take note of the design layout (colour, alignment and spacing)• When a user clicks save- the left tab will go straight to the timeline icon (“NO MEDIA ADDED” IN RED)

Flow of a user:

1. User starts with a Blank layout

2. Clicks orange + icon

3. Region setting tab will pop up on the left hand side

4. User fills in form to add a new region

5. User clicks save and region is added as per settings. If user clicks no, region will not be added and goes back to home screen icon.

6. If a region is added, the left tab must be on the Timeline icon once save has been clicked.

Media LibraryFlow of a user:

1. Users use the + to add media into the library. User can upload all media files via the + icon.

2. Once media files have been selected from root file and updated, the % bar will appear. When the files are 100% uploaded, user must accept this with a tick icon.

3. Media files will now appear in media inventory

4. User can drag and drop media files directly into the regions listed under active regions

5. As soon as media is updated onto the region this will show in the timeline.

6. If users is happy with the look, user can accept or decline the changes.

Notes: • Add a tick box after media files have been updated• Users can delete and upload new backgrounds• Please follow the new PSD designs.

Timeline

Notes: • When there is no media in the timeline, “NO MEDIA ADDED” must be red.• When a region is highlighted- tab on left will adjust to the timeline icon.• Users must accept uploaded files .• The icons on the regions must direct you to the “Timeline and region settings”• When media is added onto a region, The region must say “4 Media files added”• Users must be able to highlight multiple files and drag and drop

Flow of a user:

1. To add media, user can either drag camera and TV feed or go to the Media Library icon.

2. Once in the media Library users can chose to add new files into software from the + icon or drag and drop existing files into regions available

3. If user is adding new media, once media is uploaded they must click the accept icon.

4. If user does not accept files will not be added

5. User can now change file name, and duration of media

6. When yellow icon is clicked, this will give content overview of all media library files with images. (similar to region content overview)

Content overview

Notes:• Add the delete button on each media file.• Please follow new design layout • Add new fade in and out features as many as possible. (wipe in, fly in, slide in, bounce in, etc…)• Media files are numbered in top right corner of the media image as listed in the timline

Flow of a user:

• When a user highlights media files in the timeline and clicks edit, the content overview screen will appear. The overview screen will also appear when a user clicks in the media library when the regions are shown.

• User can now add multiple fade in and out features. Delete, and edit timing and file name

• Timing of media files is found in the settings tab

Text & RSS &Webpage FeedsFlow of a user:

• User can now select to display a webpage, RSS feed or custom text feed.

• If text feed is selected, URL link must be disabled.

• User can now add scrolling text feeds in the form below. Once saved this will be saved in the media library. Where user can again edit or delete the text

Note pad Flow of a user:

1. When a user clicks the notepad tab on the left, the first image will appear, allowing users to direct to that specific page

2. When curser goes over text, content will highlight orange.

3. Once user has selected a page, user can go to the next page, go back a page or go back to the list of available pages.

4. Once I user is in a page, user can now amend the text by clicking the edit button. User can not use the text editor to add and remove content.

New features- costs please

• Users can change the software background, exactly like the current background option for design window.. This will be changed in the Settings screen in the Home page

• Adding Widgets bar

• Adding Background paint editor?