1

At-The-Event A new module for the InstantEncore

mobile suite.

At-The-Event Landing ScreenWhen you activate the At-The-Event module in the control panel, you will be able to determine the start and end times for the At-The-Event landing screen to appear within your Apple and Android mobile apps.

When At-The-Event appears within the app, the Landing Screen is the first thing the user sees when they open the app. The landing screen contains the following:

1 – ImageThe landing screen contains a central image for the event (like the mobile suite’s Slideshow home screen option.)• Recommended size is 1024 tall x 768 wide.

This is large enough to look good on tablets, but should still load quickly.

• Keep the main content of the image near the center as the edges may be cropped depending the viewing devices dimensions.

2

1

At-The-Event Landing Screen2 – TitleThis text will be overlaid on top of the central image’s upper-left corner. • If At-The-Event is connected to an event in

your calendar, then that title will populate here. If not, the field is blank.

• The text is customizable, so you may overwrite any pre-populated text.

• HTML markup is allowed. • Example: “Who’s Afraid of Virginia Woolf?

<br/>Stage 1“ will create a line break before “Stage 1”

3 – Action Button TextThis text will be overlaid on top of the central image’s lower-right corner. • The text is customizable.• HTML markup is allowed. • The default text is “Get Exclusive Content.”• When a user taps this text they will be

taken to the At-The-Event Info.

3

2

3

At-The-Event Landing Screen4 – Image Indicator A dot appears overlaid in the lower central area of the image. • If multiple events have At-The-Event

concurrently enabled, then one dot will appear for each event.

• The white dot indicates the event currently displayed. Remaining events with ATE enabled are represented by gray dots.

• The mobile user swipes the screen horizontally to move from event to event

5 – At-The-Event Landing Screen IconWhen At-The-Event is active within the app, the icon for the At-The-Event Landing Screen will appear in the first position on the icons toolbar (and/or on the Icons Home Screen.) • The default label text is “Today”• The label text is customizable, but the icon

is not

4

4

5

Info ScreenOn the At-The-Event Info screen, you have a number of content items:1. Image – This image appears directly

beneath the ATE menu bar. A square 1024px X 1024px image is recommended.

2. Title – This customizable text area is recommended to be no more than 30 characters.

3. Spotlight Text – This space may be used for a welcome message, to remind patrons of a post-show Q&A, to alert them to any intermissions, etc. 100 characters or less is recommended.

Actions Inherent to the Module:4. Check-in – see slide 65. Things to Know – see slide 76. Program Notes – see slide 87. Artists – see slide 9

5

1 2

3

4

5

6

7

Info >> Check-InThe Check-in screen allows your audience to check-in for your event using one of three social media platforms: Facebook, FourSquare, or Twitter.

Tapping on the platform’s name will open that platform’s app on the mobile device.• Facebook and Foursquare – when the

platform’s app opens, the user taps “Check-in” to continue the process.

• Twitter – the user is taken directly to a Twitter posting screen.

After checking-in, the mobile user will be returned to the app.

6

Info >> Things to KnowIf you could tell new patrons just a few key things about the event, what would you say? The Things to Know screen enables you to highlight specific items for your audience: important elements of the work, trivia about the artists, logistical information, reminder of a Q&A or reception after the show, etc.• You control the number of items to feature,

the image to feature, and the text for each item.

• This system will overlay the appropriate number over each item’s image.

• 500px X 250px rectangular images are recommended.

• While there is no limit on the amount of text associated with an item, we do recommend keeping the text to 200 characters or less.

7

Info >> Program NotesThe Program Notes screen provides you with three options for sharing program information with your patrons:1. You can link to an external URL where the

program notes are hosted. We recommend that you link to a mobile optimized URL.

2. You can upload the program notes as a PDF file. Be sure to format the PDF so that the text is legible on a smartphone without needing to enlarge it.

3. You also have the option to add the program notes using the HTML editor in the control panel.

81

2

3

Info >> ArtistsWhile the Artists tab for the main mobile app is great for featuring information about artists who have a permanent or standing position with the company, the Artists screen for At-The-Event is intended to shine a spotlight on the artists featured specifically within the event.• The artists appear in a list with

their name, photo, and role/instrument.

• The mobile user taps on the artist’s name to read his or her biography.

• You can search the database for artists to pre-populate information, which you can then edit, or you can enter artist information directly.

• Biographical information is entered using an HTML editor.

9

Info Screen1. Custom Action – In addition to the four

actions provided in the control panel, you can add your own actions (see slide 11)

2. Event Sponsor – If At-The-Event is connected to an event that has sponsor information associated with it, that sponsor name and link to their website will populate this area. • You may edit and enter new

information in this area.• You may list multiple sponsors, but

only one link is associated with the text.

10

1

2

Custom Actions1. Link to Custom Tab – You can create

custom tabs using our HTML editor in the Tabs area of the Mobile menu, then link to it in the At-The-Event administrative section

2. Link to Content – You can link to content already in the control panel. For example, you might link to relevant music, videos, buzz items, etc.

3. Link to URL – You can link out to an external URL. For example, you might create a poll for your audience using Polldaddy.com and link to the poll from your app.

111

2

3

SocialThrough the Social screen, your patrons will be able to engage each other about the event. Your organization can also use the social feed to communicate directly with your audience.

At the top of the social feed is a semi-transparent submenu bar containing three items:• The hashtag for the event is displayed in the

center. We recommend that you choose a unique hashtag for the event to insure that only content about your event appears.

• To the left of the hashtag is a pencil icon. Tapping on this icon allows the mobile user to post with Twitter, Instagram, or our In-App posting service.

• To the right of the hashtag is a refresh icon, which allows the user to refresh the aggregated social feed and see the latest posts. (Users will be notified when “new” messages are available to be viewed.)

12

Social (con’t)Each social media post in the aggregated feed has the following items associated with it:1. User icon – For users posting from Twitter or

Instagram, the profile icon is drawn from those services. If the user is posting using the in-app service, then a default icon will appear.

2. User name – Again, this is drawn from Twitter and Instagram when users post via those services. Users posting via the in-app service will be prompted to enter their name.

3. Account handle and platform – Underneath the user name is their account name and the platform used to post the content. If the user posts via the in-app service, then the line will read “In-app.”

4. How long ago was it posted? – To the right of the user name is a minute counter detailing how far in the past the post was entered.

5. Content – The text message and/or photo posted by the user.

13

2

34

5

1

Social Feed (con’t)Your mobile users will be able to see the last 150 posts from anyone using the event’s hashtag during the activation period for the event, regardless of which platform was used to make the post.

Tapping on a link or an image in a post opens the content in a browser. Tapping on “Done” takes the user back to the social feed in the app.

As the mobile user scrolls through the social feed, the submenu bar scrolls up so that it does not block the view of content.

14

New Posts NotificationWhen new posts are available in the social feed, the word “new” appears as superscript above Social in the At-The-Event menu bar.

Users may tap Social in the menu bar to return to the top of the social feed, where they can tap the refresh icon to load the new posts.

Social >> PostingWhen the mobile user taps on the pencil icon on the Social screen, they are taken to the Posting screen.• The hashtag associated with the event appears

at the top of this screen. • Tapping the Twitter icon launches the

platform’s app to a posting page with the hashtag prepopulated in the text field.

• Tapping the Instagram icon opens a window with the message, “Post with #hashtag. You must have the Instagram app installed.” • Tapping “OK” on an Apple device launches the

Instagram app.• Tapping “OK” on Android devices takes the

user back to the app, but they will need to launch Instagram separately.

• Tapping “In app” launches the in-app posting form. (see slide 16)

• The text below the platforms reads, “Please be respectful when posting.”

• At the bottom of the screen is a button the user may tap to return to the social feed.

15

Social >> Posting >> In appWhen the mobile user taps on the “In app” icon on the Posting screen, a brief form appears below the default advisory text.• Users must enter a Name to associate with

their post• Users enter their Message text in the form’s

second field• After crafting the message content, the user

taps the Post button

16

OffersThe Offers screen features a scrollable series of images with a text overlay to feature both internal offers (tickets to future shows, concessions, parking, etc.) as well as offers with external partners – restaurants, hotels, and more.• You can feature as many offers as you like• Each offer on this screen has an image

associated with it.• If you only have a single offer featured, a

600px X 800px image is recommended.• If you have multiple offers featured, we

recommend using 500px x 250px images.• Each offer also has header text overlaid on

its image.• This text should encapsulate the offer and

inspire the user to tap on the offer for more information.

• 35 characters or less is recommended.

17

Offers >> Offer DescriptionMobile users will be able to see these offers while the At-The-Event module is activated within the app. Therefore, it is important for the offers featured within this area to be actionable during that time.

For example: Users could show the offer screen at the box office that evening to receive a discount on tickets for an upcoming performance.

The offers detail screen is created using the HTML editor in the control panel, which allows you to:• Format text• Add tables to organize content• Insert images • Insert hyperlinks• and more…

18