The Aurasma Studio - Walsworth Yearbooks

The Aurasma Studio - Walsworth Yearbooks
Partner Guidelines
A guide for using Aurasma to create
augmented reality experiences in your yearbook
Revised November 2016 for use with updated
Aurasma Studio website
Partners in Education
1
Contents
Creating an Account...............................................................................................................................................4
The Aurasma Studio – Logging in and Explore screen............................................................................. 5
THE BASICS
Trigger Images.......................................................................................................................................................6
Overlays................................................................................................................................................................... 7
My Account Preferences.................................................................................................................................... 8
Create a basic Aura........................................................................................................................................... 10
Edit Overlay Controls.........................................................................................................................................13
Viewing Public Auras.........................................................................................................................................15
How to Unshare or Delete Content............................................................................................................. 16
THE DETAILS
Trigger Images......................................................................................................................................................17
Qualities of a good Trigger image
17
Images to avoid
17
Masking a Trigger image
18
Quick Tips
19
Overlays................................................................................................................................................................ 20
Image Overlay specificatons
20
Video Overlay specificatons
20
Auras........................................................................................................................................................................21
Quick Tips
21
Aurasma Studio vs Aurasma App................................................................................................................22
Advanced Actions..............................................................................................................................................23
Examples of Using Actions
Portions of this guide were taken directly from the Aurasma Partner Guidelines
document located on the Aurasma website at www.aurasma.com.
2
25
Glossary of Aurasma Terms
3
Augmented Reality
(AR)
The layering of digital information on top of the physical world. Aurasma
AR allows users to unlock digital content from the world around them
through the use of a phone or tablet.
Aurasma
Free mobile app available for download from the App Store or Google
Play. Also, the augmented reality (AR) platform, which can power other
third party apps.
Partner
Individuals, groups and organizations that have the ability to create their
own content in the Aurasma Studio
Aurasma Studio
The online content management system (CMS) in which users create
Aurasma content and/or apply for Aurasma–powered apps
Account
A library of content – Trigger Images, Overlays and Auras – stored in the
Aurasma Studio
Trigger
The real–world image, object or location recognized by Aurasma and
used to activate a digital Overlay
Overlay
The digital element(s), such as videos, images or 3D models, that are
launched when Aurasma views a Trigger
Aura
The unique augmented reality experience that occurs when a real–world
Trigger launches digital Overlay(s)
Advanced Actions
A set of pre–defined commands that are applied to an Aura in the
Aurasma Studio (e.g., When Overlay is double–tapped, make Overlay
go full screen).These commands determine the Aura’s display and
interactivity.
Tracking
Tracking relates to Aurasma’s continued ability to recognize and
maintain an Aura after its initial activation. As a general rule, a stronger
Trigger Image results in better tracking, which in turn increases the
reliability of an experience.
Masking
A manual tool within the Aurasma Studio that allows users to dictate
which aspects of an image should be ignored by Aurasma.
Creating an Account
Creating a new Aurasma account is easy and takes less than a minute. Follow these steps to
create your own account and begin exploring the Aurasma Studio website.
Create an Account
Step 1 – In your web browser, go to studio.aurasma.com/login.
Step 2 – Click the Sign Up button.
Step 3 – Enter a Username, Email address and Password, and click the Agree to Terms box.
Step 4 – Click the Sign Up button.
Important
·· Usernames and passwords can be a combination of letters and numbers.
·· Usernames and passwords are case sensitive.
·· Pick a unique username that can be identified with the school. Avoid using personal or an
individual’s name as your username.
·· If the username you choose is already assigned to another customer, you will be prompted to
select a new name. Sometimes capitalizing certain letters, or adding abbreviations at the end of
the name will make it unique, i.e., instead of northhigh, you might try NorthHS.
·· Use a valid email address. Your account is associated only with this email address and any support
requests, password recoveries, or correspondence with Aurasma will be sent to this address.
·· If you have already created an account in the Aurasma app on your mobile device, you can use that
same username and password to log into Aurasma Studio, or vice versa. However, we recommend
you use the Aurasma Studio website to create your school’s account.
4
The Aurasma Studio
Go to studio.aurasma.com to log in to your account.
Once logged in you will see the Aurasma Studio Explore screen.
5
Discover screen
Use this area to view some of Aurasma’s Featured and Popular auras
from commercial customers around the world. Scroll down the page
to view Newest Auras added to the site, as well as accounts you are
currently following and a history of Auras you have viewed with the
Aurasma app.
Assets screen
This area is where you can view, edit or delete any of your Triggers
or Overlays. You can also create new Triggers and Overlays as well as
organize items into folders for easy file management.
My Auras screen
This area contains all currently completed Auras. All Auras contain at
least two elements: a Trigger image and at least one Overlay. You can
edit and delete Auras from here, as well as view Trigger images for
testing Auras.
My Account (menu item)
Use this area to change your account password or email, modify
viewing preferences, add a profile image to your account or change
the account name users can search for and follow to view your Auras.
You can also select Help to access the Aurasma Community Network
and Knowledge Database.
Help (menu item)
Use this area to access the Aurasma Community Network and
Knowledge Database, or view a video on some of Aurasma’s basic
functions.
ASSETS - THE BASICS
Trigger Images
·· Images must be a JPEG or PNG file.
·· Images should be fewer than 500,000 pixels in total (width x height) when uploaded to Aurasma
Studio. For example, an image that is 800 x 600 pixels would be 480,000 total pixels.
·· Use a program like Photoshop to determine the size of your image in pixels and resize if necessary.
·· Since your Trigger image will be used online, the resolution does not need to be any higher than 72
ppi.
·· Save the Trigger image with a slightly different name than your original so you know which one will
be used in the book, and which one should be used for Aurasma.
Adding a Trigger Image from the Assets screen
Step 1 – From the Assets screen, click the Create New Trigger button.
Step 2 – Click Browse in the window that opens. You can upload images from a file location on your
computer, or directly from a Dropbox account.
Step 3 – Y
our Trigger name will automatically match the file name you upload. If necessary, you can
change the Name of your image. (In this example, I’ve named my image starting with the page
number it will appear on in the book.)
Step 4 – Click Save.
1
3
2
After uploading, some Trigger images may need to be masked to
match the cropped image in your book or to hide areas that have little
to no detail. See the Masking Trigger Images area of this guide for
more information.
6
4
Overlays
·· Overlays can be videos (animations), images or 3D models.
·· Videos should be in MP4, MOV or in some cases FLV format.
○○ MP4 and MOV files should be created in the H.264 video compression format.
○○ Other formats such as WAV or MPEG files may work, but the image quality, size and playback
quality may not be satisfactory.
○○ FLV or Flash videos support Alpha channels and should always be kept in a standard portion
size (16:9, 4:3 or square, i.e., 512 x 512).
·· Videos must be under 100MB in size.
·· Images should be JPEG or PNG format. PNGs support transparencies and can be used to create
3D layers in your Aura.
Adding an Overlay from the Assets screen
Step 1 – From the Assets screen, select the Overlays icon.
Step 2 – Click the Create New Overlay button.
Step 3 – Select the type of Overlay you want to upload (typically an image or video).
Step 4 – Click Browse to upload a file from your computer.
Step 5 – C
lick Save. A progress bar will appear at the top of the Upload Overlay window to indicate
the file is uploading.
1
2
3
3
44
55
Loop Overlay check box
S
elect this box if you want your animation or
video to play through more than once.
7
My Account Preferences
Use the My Account menu to change or update your account settings and profile.
On this screen you can add or change your profile
image, set the account name users will search to find
your public Auras, and change your password or email
associated with the account.
You can also share a URL link to your private Auras so other
users can subscribe directly to your account and view or test
Auras before they are shared publicly.
Change Password
Use this area to change the current password for your
account.
Edit profile image
Move your mouse over the profile image area
and click the Edit icon to upload an image for
your account. Profile images fit best when they
are square in proportion.
Change Email
Allows you to change the email address associated with your
account.
Set account name
The account name is what users will search for and follow in the Aurasma
app so they can view your public Auras. By default, Aurasma uses your
username as the account name. You can change the account name to
one that might be easier for users to find. For example, if my user name
was northwesths, I may change my account name to Northwest High
School.
Step 1 – Click the pencil icon next to your account name.
Step 2 – Enter a new name and click Save.
Important
• Changing the account name does not change the user name for logging into Aurasma Studio.
• Changing the account name will not affect users currently following your account.
8
Enable Features
Use this area to turn on Advanced Aura actions for
your account. Advanced actions allow you to set up
interactive Auras, make Auras go full screen, link to
URLs and several other options and combinations of
commands.
Step 1 – Click the Enable Features link.
Step 2 – C
heck the Advanced Aura actions box and click
the Upgrade button.
It’s now likely that when you create a new Aurasma Studio account, these upgrade features will be
turned on by default.
Share Campaign (Private Campaign)
Sharing this link will allow other users access to the
private Auras in your account. If they already have
the Aurasma app downloaded, opening the link
in their device browser will automatically connect
them to your account.
Step 1 – Click the Share Campaign link.
Step 2 – R
ight–click on the link and select Copy or
Copy Link Location from the menu that
appears.
Modify Preferences
Use this area to select how your Asset or Aura
libraries are displayed on screen. You can
change the number of items displayed in each
row, and how those items fit into each display
window.
These are strictly personal display preferences
and do not affect the functions of the Aurasma
Studio website.
9
Create a basic Aura
Step 1 – From the My Auras screen, select the +Create New Aura link in the top right of the screen.
Step 2 – Click to Upload a new Trigger Image or Select Existing image.
1
2
3
4
Step 3 – If uploading an image, click the Browse button.
Step 4 – If you uploaded a new image, click Save.
Step 5 – If necessary, mask unwanted areas of the image, and click Next.
You can also choose the option to Change the Trigger image selected.
5
10
Step 6 – Click to Upload a new Overlay or Select Existing Overlay.
Step 7 – If you uploaded a new Overlay, click Save.
6
7
Step 8 – Position Overlay in the Aura preview window.
·· Hold the Shift key and drag the corners to scale the Overlay while keeping it in proportion.
·· Click and drag the center of the Overlay to position it over the Trigger Image.
·· (Optional) Add an Action, for example, “When overlay is double–tapped” then “Make an overlay
full screen.”
Step 9 – Click Next.
9
8
Hold down Shift key
and drag a corner to
resize Overlay.
11
Step 10 – Give your Aura a name in the Aura Name field.
Step 11 – Click the Save button.
10
11
At this point you can choose to Preview, Share or simply Close the Aura.
Preview – You can keep your Aura private but still test it before sharing publicly. First, log in to your
Aurasma account on your app using the exact same login as your Studio account. Next,
click the Preview button to see a full screen view of your Trigger image.
Share – To make an Aura viewable to users following your account it first has to be shared. Clicking the
Share button will save your Aura and make it public for your followers to see.
12
Edit Overlay Controls
Located at the bottom of the Edit Overlays Preview window, the controls allow for addtional
functionality when creating Auras.
Add Lock View (Remove Lock View)
Adding a Lock View to an Aura allows the user to activate an Aura,
move off the Trigger and keep the device camera still active while
the Aura continues to be active as well. This is not the same as an
Action to make the Aura go full-screen.
The Lock View is like another Overlay on the Aura and can be sized
to force the Aura to display vertically or horizontally on the device
when moved off of the Trigger image.
Preview
Allows the user to view their Trigger image and test the Aura before sharing publicly. Works the same as
the Preview button at the top of the Edit Overlays screen.
Stop*
Stops the currently selected Overlay preview from playing. Particularly useful when the Overlay is a
video and the user is trying to line up elements with the Trigger image.
3D View*
Opens the Advanced Controls window
allowing Overlays to be positioned in
distance and scale relative to the Trigger
image. Overlays can be rotated, skewed and
layered to create 3D effects when the Aura
is viewed.
Undo Changes*
Undo previous changes to the selected Overlay.
13
Resize*
Used to affect the size of the selected Overlay.
Restore Aspect Ratio – Reverts an Overlay back to it’s original size and proportion. Very
useful if a video Overlay has been stretched out of proportion, or
if the Overlay shows up as a small dot in the middle of the Trigger
(Troubleshooting Tip).
Fit To... –
Used to make an Overlay match the exact size of the Trigger, or of
another Overlay.
Stretch To... –
Used to stretch an Overlay to line up with an edge of the Trigger image, or of another Overlay.
This action will distort the Overlay.
Move*
Use Align to... to line up the Overlay with an edge of the Trigger image, or another Overlay. Very useful
when trying to line up Overlays percisely on top of one another.
Zoom In and Zoom Out*
Changes the size of the Aura preview in the Edit Overlays window.
*Right-clicking on any Overlay in the Edit Overlays Preview window
will give you quick access to these same controls.
14
Viewing Public Auras
Important: A
s of the time of this manual revision, users with iOS devices will need to set up an
account in the Aurasma app to search for and follow your account or view public
Auras. Android users are not forced to create an app account.
The first time users launch the Aurasma app, update the app or restart their device, they may be
prompted to swipe through the tutorial and start–up screens.
Location Services – Depending on your device you may be prompted to allow Aurasma to use your
device’s current location. If you have location services active on your device you can select OK, if not
select Don’t Allow. You would only need Aurasma to detect your location if using location–based Auras.
You should never create location-based Auras for use in
your yearbook. This would force the need for users to be
standing in a specific geographic location to trigger an
Aura.
Tutorial start–up screens – Swipe through any tutorial
screens that appear. When you get to the last screen you
will be asked to either log in to an existing account or
create a new one. Android users do not need to set up an
Aurasma app account and can instead select Skip from
the corner of the screen.
Swipe through
tutorial screens
Tap Skip to get to
App screen
Android Devices - Following an Account inside the Aurasma app
Step 1 – Launch the Aurasma app.
Step 2 – T
ap the Menu button (the small Aurasma symbol on the bottom–center of the screen).
Step 3 – T
ap the Search button (magnifying glass icon) and search for an Account by name.
Step 4 – Enter the name of the Account.
Step 5 – Tap the Account to see the detailed account page.
Step 6 – Tap Follow.
Step 7 – T
ap the viewfinder button to scan a trigger image and see the Aura in action.
iOS (Apple) Devices - Following an Account inside the Aurasma app
Step 1 – Launch the Aurasma app.
Step 2 – If not already logged into your Aurasma account, log in or create a new Aurasma app account.
Step 3 – F
rom the Discover Auras box on the main screen, enter the name of the Account you want to
follow.
Step 4 – Tap the Account to see the detailed account page.
Step 5 – Tap Follow.
Step 6 – T
ap Back, then on the next screen tap Cancel.
Step 7 – T
ap the viewfinder button to scan a trigger image and see the Aura in action.
15
How to Unshare or Delete Content
Unsharing and Deleting Auras
From time to time you may want to take Auras from public to private, or delete them altogether.
To Unshare or Delete an Aura
Step 1 – Click on My Auras.
Step 2 – Click an Aura to select.
Step 3 – In the upper-right area of the screen, click Edit button to Unshare or Delete button to remove
the Aura.
Step 4– If unsharing the Aura, click the Unshare button on the Edit Aura screen opens.
1
3
2
4
Editing, Deleting or Moving Overlays and Triggers
To delete an Overlay or Trigger image you must first make sure it is not associated with an Aura.
From the Assets screen, in the label area of a preview image, an “0” next to the Aurasma icon means
the content is not associated with an Aura. If a ‘1’ or any other number is present, you must delete the
associated Auras before you can delete the content.
Step 1 – In the Assets screen, click on the Triggers or Overlays links.
Step 2 – In the upper-right area of the screen, click the Edit, Delete or Move buttons.
Users have the ability to select multiple assets at the same time. Make sure you only have one asset
selected or the Edit and Delete buttons will not appear.
1
Indicates if
the content is
associated with
an Aura
16
2
Trigger Images - the details
The bottom line:
·· A JPEG or PNG file
·· Fewer than 500,000 pixels in total (width x height) when uploaded to Aurasma Studio
Use an image-editing program like Adobe Photoshop to resize images. A good rule to follow is make
the longest side of the image 800px, and let the short side resize proportionately automatically. This
should make any image the perfect size to be used as a Trigger.
Qualities of a good Trigger Image
A good Trigger image, uploaded at the
correct size, means the Aura will activate
smoothly and the Overlays will track well.
·· Tonal variation and contrast
·· Unique shapes and forms
·· Lots of details across the entire image
Images to avoid
·· Images with little detail or defining shapes
·· Images with similar details (portraits of individuals with the same hair style and pose)
·· Dark images with no tonal variation (dark reds, dark blues and black)
·· Recurring and identical features (patterns, text)
·· Blurs, gradients, foils, metals, embossing or die cuts (anything that catches or harshly reflects light)
Use the EXACT same image in print as you do for the Trigger
Not the same file, but the same image cropped or masked just like it appears in the book.
You may need to resize your Trigger image to get it below 500,000 pixels, but as long as you are using
the same image you should not have any issues. Also, if the printed image is altered (e.g., stretched or
cropped) in any way that makes it appear different from the Trigger image, it may not be recognized by
Aurasma.
17
Masking a Trigger Image
Sometimes it is possible to strengthen a Trigger Image and improve tracking by masking certain areas
of the image.
The masking tool tells the Aurasma app which parts of the picture to ignore when scanning. Areas that
are shaded with the masking tools will be ignored.
Areas of an image you may want to mask:
·· Large areas with little to no details
·· Small text since Aurasma typically reads text as a block (however headlines and sometimes other
pieces are unique enough that they actually improve tracking)
·· Other elements covering an area of the image like text or artwork, or the logo you use to designate
a picture as a Trigger image
·· Features similar to other Trigger images such as a logo or mascot
·· Recurring features or patterns
Masking Tools
When you upload the Trigger or anytime it is open on screen, you will see the masking tool buttons
beneath the preview.
Select (Pointer) tool – Allows you to move or adjust the size of a mask
Delete tool – Allows you to delete placed masks
Rectangle, Ellipse and Polygon tools – Used to draw the mask over the image
Zoom Out and Zoom In – Used to change the size of the image in the preview window
Mask Opacity – Allows you to make your masks darker or lighter. This tool does not affect the
strength of the mask, it is simply used to let you see what areas have been masked.
How to Mask an Image
Step 1 – Select the Rectangle, Ellipse or Polygon tool.
Step 2 – D
raw a mask by starting and ending inside the edges of the image. The tools will not work if
you begin drawing outside the image preview.
Step 3 – Use the Select tool to move or adjust the size of your masks.
·· Click and drag in the middle to move a mask.
·· Hover over the edge or corner of a mask until the outline turns bright red, then click and drag to resize.
2
3
18
1
Quick Tips
Maximize your pixels
If there is little to no detail in an image, it’s better to crop the image around an area of detail to improve
tracking.
Image Differentiation
Aurasma can recognize images even when large parts of the Trigger image are covered or masked.
However, this same quality can make it difficult for Aurasma to distinguish between very similar images.
For example, if you had two images of different football players in the same school uniform standing
in a similar pose it may be difficult for Aurasma to distinguish between them. In this case, the wrong
Overlay may play when you scan the other Aura’s Trigger image.
Test, test, and test again
After creating an Aura, test it with every device you have available. Several conditions can affect the
ability and the time it takes to trigger an Aura. These include environmental conditions such as lighting
in the room and quality of the printed image, and technology conditions such as device type, speed of
processor and WiFi or network connection.
Pay attention to any warning or error messages when uploading a Trigger image
Keep images uploaded as Triggers with fewer than 500,000 pixels (width x height). This can’t be
stated enough. Don’t ignore error messages about an image being too sparse in content, too large or
too complicated. The Trigger may work for some users, but others may have issues after your book
ships and it is too late to change.
Location Triggers
Though it is possible, it is not recommended to use location tags on Trigger images in your book.
Location triggers are good for Auras associated with physical landmarks such as a building or
monument. These triggers require the user to be standing in a specific geographical spot with location
services activated on their device pointing at a building/object/landmark to launch an Aura. Since
books tend to travel from place to place, using a location trigger will probably cause your Auras to not
work.
19
Overlays - the details
The bottom line:
·· You can upload videos, images or animations.
·· Videos should be in MP4, MOV or in some cases FLV format.
·· Videos must be under 100MB in size.
·· Images should be JPEG or PNG format. PNGs support transparencies and can be used to create 3D
layers in your Aura.
Image Overlay specifications
JPEG
PNG
Dimensions
512 x 512 pixels minimum
512 x 512 pixels minimum
Size
Up to 100MB
Up to 100MB
Supports Alpha
No
Yes
Video Overlay specifications
MP4 or MOV (H.264 formatting)
FLV
Dimensions
512 x 512 pixels minimum. Remember to
maintain the aspect ratio you require,
whether vertical or horizontal, making
sure that the smallest dimension is no
less than 512 pixels.
For example:
·· 16:9 video would be a minimum of
936 x 512px
·· 4:3 video would be a minimum of
683 x 512px
NOTE: It’s best to render videos at a
standard size, 1280x720 or 1920x1080.
512 x 512 pixels minimum. Remember to
maintain the aspect ratio you require,
making sure that the smallest dimension
is no less than 512 pixels.
For example:
·· 16:9 video would be 936 x 512px
·· 4:3 video would be 683 x 512px
Using FLV videos of an irregular size may
cause Artifacts to occur. To avoid this
you should stick to FLV videos that are
regular in size (16:9, 4:3 or square, i.e.,
512 x 512 or 1024 x 1024px).
NOTE: We have experienced the best
quality using square pixels rendered at
512 x 512 or 1024 x 1024.
Size
Up to 100MB
Up to 100MB
Bit–rate*
3 Mbps (3000 kbps recommended)
NOTE: We have experienced very
satisfactory quality in videos using 1600
to 1800 kbps. This will make your file
size smaller.
10 Mbps (recommended to support
quality if using alpha channels)
Frames Per
Second*
15 or 25 FPS (We recommend 25 FPS.)
Raw video with 29.97 FPS will work also.
15 or 25 FPS (We recommend 25 FPS.)
Length
3 minutes or less, depending on final file
size
30 seconds or less, depending on file size
Supports Audio Yes
Yes
Supports Alpha
Yes
No
* Frame rates and bit–rate quality may be affected by rapid motion within a video sequence. If your
video has lots of movements, try using a higher bitrate. This may make your rendered video larger, but
should increase the quality and reduce the amount of digital noise when uploaded and compressed by
Aurasma.
20
Auras
The bottom line:
Auras are created by combining a Trigger image with one or more Overlays in the Edit Aura window.
Interactivity
Adding an interactive element to your Aura is a great way to engage your audience. You can apply
Advanced Actions to overlays that enable interactivity. Ideas include:
·· Pop–up text graphics that tell a story or add detail to an image
·· Slideshow of images that can be timed to change automatically or activated manually by the user
·· Tell a story with the user deciding what comes next
·· Let a user choose the content, video or image they wish to view
·· Graphic links that take the user to a web page or external video (i.e., YouTube)
Quick Tips
Users can have one Overlay with multiple Trigger images
If for some reason you want different images in your book to launch the same Aura, you can set up each
Trigger image with the same Overlay. When creating each Aura in the Edit Aura window, simply select
the same Overlay.
Users can have more than one Overlay in the same Aura
It is possible to have multiple or layered overlays running in one Aura. These overlays can run
simultaneously in the case of images, or consecutively if videos.
Examples for using multiple overlays in a single Aura:
·· Intro video or FLV animation file followed by main video
·· Multiple PNG files layered to create a 3D image effect
·· FLV file layered on top of an image(s)
·· Multiple image overlays to create a slideshow effect
Don’t try to run videos simultaneously
If using multiple videos as Overlays, set them up using Advanced Actions so they launch one after the
other. Running them at the same time may cause the videos to freeze or fail altogether during playback.
See information on creating Advanced Actions and layered 3D effects later in this document.
Advanced Auras – 2.5D
If you want the WOW factor but do not have a lot of content, then consider a 2.5D Aura (2D Overlays
placed in 3D space). These can be made up of simple graphics, images, short FLV animations and
regular video. With this feature you are able to add depth to your Aura, allowing users to navigate and
explore overlays in a 3D space.
FLV intros and Sequenced Auras
An FLV intro can be used as part of a Sequenced Aura (an Aura that contains a combination of
Overlays) as a great way to bring the digital and physical worlds together. FLVs offer the ability to have
an object or character in a video without a background. In a Sequenced Aura you can use both FLV and
MP4 videos. This allows you, for example, to begin an Aura with an FLV intro and then transition into a
regular video (MP4).
21
Aurasma Studio vs. Aurasma App
Important
• The Aurasma app and Aurasma Studio do not share Auras or Assets.
This means if you are signed in to your account on the Aurasma app, you will not be able to manage
the Auras you created in Aurasma Studio and vice versa.
• An account on the Aurasma app is only used to create device–based Auras; you will not use the app
to create Auras for your yearbook.
• All Auras should be created in the Aurasma Studio website on your computer.
Assets used to make Auras on your device are restricted to your device. Creating an Aura on your
smartphone or tablet device will not add those Trigger Image and Overlay assets into your online
Aurasma Studio account. They will remain local within the application on your smartphone or device.
The same goes for Aurasma Studio. All of the public Auras created in Studio are viewed by following
your account on your device, however, your Trigger images and Overlays will remain in your Studio
account.
“So, why log into my Studio account on my smartphone or tablet?”
Good question. In order to view your private Auras for testing before making them public, you must be
connected somehow between your Studio account and the app on your device.
Logging into your same Studio account on your device will allow you to scan private Auras using the
Preview button in the Edit Aura window, or a printed version of the Trigger image.
22
Advanced Actions – making Auras interactive
Advanced Actions give you the ability to build interactive Auras.
To turn on Advanced Actions, go to the My Account area under the Account menu, and select the
Enable Features link. For most users, this feature will already be turned on by default.
Advanced Actions provide two major advantages:
1. They can be used to build Sequenced Auras, allowing parts of an Aura to launch, close or lead to
other actions as chosen by the viewer. Sequenced Auras allow users to actively decide what Overlay
they will view versus passively watching a predetermined Overlay.
2. They can enhance basic Auras with simple functions. For example, they can allow a user to pause or
play a video Overlay, automatically load a web page, or make the video play in full–screen mode.
Functionality
When building Auras within the Aurasma Studio, selecting Add Actions opens the Add Actions window
where you can set the action options.
·· Activation Options (e.g., “When Overlay is tapped” or “When Overlay is double–tapped”)
·· Actions (e.g., “Load a URL” or “Make an Overlay full screen”)
·· Overlay (Choose the Overlay you want to be affected by the above)
Activation Options
Actions
Overlay
Actions can be applied to each Overlay associated with an Aura. In addition, each Overlay can have
multiple actions.
23
Overlay Advanced Actions Window
There are currently six Activation options and nine Action options.
Activation options:
·· When the overlay is tapped (default)
·· When the overlay is double–tapped
·· After overlay has faded in
·· After overlay has started
·· When overlay has finished
·· After a time delay(s)
Actions:
·· Load a URL (default)
·· Start an overlay
·· Stop an overlay
·· Pause an overlay
·· Load a URL in Native Browser
·· Make an overlay full screen
·· Full screen with camera active
·· Take an overlay off full screen
·· Perform a random action
Initially hidden check box
Use the Initially hidden option when creating sequenced Auras. This
stops different Overlay layers from appearing until they are initiated by an
Action.
Fade in check box
On by default, this box causes an overlay to fade in over a period of 0.5
seconds.
Hotspots
A Hotspot overlay is the same as a transparent image, but is much more efficient. It can be used to
launch certain Actions including tappable hot–spots, or as a container for advanced action logic when
there is no applicable visible overlay.
Add Hotspot overlay
Step 1 – F
rom the Edit Aura >
Overlays screen, select
Click to Select Existing
overlay.
Step 2 – In the upper–right area,
click the Add Invisible
Overlay button.
24
Examples of Using Actions
Automating full screen mode and URL actions
When a Trigger image is weak, designed to be accessed by multiple users simultaneously in the same
location or when you want users to be able to scan the Trigger then move their device, the best user
experience may be achieved by setting the Aura to go to full screen automatically after launch.
To set an Aura to automatically go to full screen after activation, input the following:
Overlay
Overlay 1
>
Activation Option
Action
When overlay has started/After overlay has faded in >
Make an Overlay full–screen
Keep in mind if using a video as an Overlay, most videos play in landscape mode. If shooting a Trigger
image in vertical “portrait” mode and the Overlay is set to go full screen, it will most likely turn the video
horizontally to fill the screen of your device. This is not a setting you can change.
Load a URL Action
One example of an effective click–through is a URL Action that can take viewers to websites using
Aurasma’s built–in browser. However, it can also offer other engaging ways for users to interact directly
with the Aura.
Overlay
Activation Option
Action
In the Overlay field
Overlay 1 (or
>
Invisible Overlay)
When overlay is tapped >
Load a URL >
See below for various functions
Function
Prefix
Example (Overlay field)
Result
Website
http://
http://example.com
Opens the Aurasma
browser
Text message
sms:
sms: 0011223344
Opens up an SMS message
to ‘0011223344’
Populated text message sms:
sms:
0011223344?body=Hello
%20 there
Adds ‘Hello there’ to the
message
Send an Email
mailto:
mailto:name@example.com Opens an email to ‘name@
example. com’
Email with subject
mailto:
mailto:name@example.
com?&subject=This%20
is%20%the20%subject
Opens an email to ‘name@
example.com’ with Subject
‘This is the subject’
Email with subject and
body
mailto:
mailto:name@example.
com?&subject=This%20
is%the%20
subject&body=This%20
is%20 the%20body
Opens an email to ‘name@
example.com’ with Subject
‘This is the subject’, plus
Body ‘This is the body’
25
Pausing and continuing an Overlay
You can set up an Aura so the user can tap their screen to pause a video Overlay and then tap again
to resume play. This simple control requires two Overlays and multiple actions to achieve. Below are
instructions for adding this function to an Aura.
You will have 2 Overlays:
·· Overlay 1 – A Hotspot overlay
·· Overlay 2 – Your video
Overlay layer order is important. You want the Hotspot overlay to be Overlay 1 so it is layered above
your video, Overlay 2.
Set up:
·· Overlay 1 – Select Initially hidden check box.
·· Overlay 2 – Select Fade in check box.
Actions:
Overlay
Activation Option
Action
Overlay
Overlay 2
When Overlay is tapped Start an Overlay
Overlay 1
Overlay 2
When Overlay is tapped Pause an Overlay
Overlay 2
Overlay 1
When Overlay is tapped Start an Overlay
Overlay 2
Overlay 1
When Overlay is tapped Stop an Overlay
Overlay 1
When the device screen is tapped, the actions will stop the video and make the Hotspot overlay active.
Tap the screen again and the Hotspot overlay will deactivate and the video will begin playing again.
Here’s an example of how these actions would
look when set up in your Aura.
Tip: The use of Hotspot overlays is pivotal
when creating Start and Stop actions. When
adding a Hotspot overlay, adjust its size to
match its corresponding video or image
Overlay.
Switching order of Overlays
Sometimes you set up Overlays in the wrong
order. For instance, Overlay 2 is your Hotspot
overlay but you need it to be Overlay 1.
Don’t delete your Overlays and start again.
Instead, click on the Overlays header bar and
drag it to the correct position. When you do,
the Overlays will renumber and you can quickly
see if they are in the right position.
Overlay header
26
Activate Action after a time delay
Let’s say you have a few images and you want to create an automated slide show for the viewer to see
without first turning those images into a video file. To do this you will need to control the duration and
the order in which Overlays appear on screen.
This example uses four Overlays:
·· Overlay 1 – Last JPEG or PNG image you want viewed
·· Overlay 2 – JPEG or PNG image
·· Overlay 3 – JPEG or PNG image
·· Overlay 4 – First JPEG or PNG image you want viewed
Set up:
·· Overlay 1 – Select Initially hidden and Fade in check boxes
·· Overlay 2 – Select Initially hidden and Fade in check boxes
·· Overlay 3 – Select Initially hidden and Fade in check boxes
·· Overlay 4 – Select Fade in check box
Actions:
Overlay
Activation Option
Overlay 4
(seconds to delay
next action)
Action
Overlay
After a time delay(s) 4
Start an Overlay
Overlay 3
Overlay 3
After a time delay(s) 4
Start an Overlay
Overlay 2
Overlay 2
After a time delay(s) 4
Start an Overlay
Overlay 1
The result: When the Aura is triggered the first image (Overlay 4) will fade in, followed by each
subsequent image in 4 second intervals with the last image (Overlay 1) remaining visible until the user
moves off the Trigger image.
TIP: You could take this sequence a step further by forcing the Aura to go into full–screen mode on
the device as soon as the first image fades into view. This would allow the user to move off the Trigger
image while viewing the slide show.
Click the Add Action button and set up a second Action on Overlay 4:
Overlay
Activation Option
Action
Overlay
Overlay 4
After overlay has
started
Make an overlay full screen
Overlay 4
You could also use this time delay action to start a video after a graphic or intro animation appears on
screen.
Creating interactive Auras
Auras can quickly become very complicated to set up, but the results can be engaging to users by
adding a level of interactivity to the Aura. Be careful to always avoid the result of having two or more
videos trying to play at the same time. This will likely cause the Aura to pause during playback or fail to
play altogether.
In this example we want to launch an Aura with a splash screen showing an image that allows the user
to make a choice on what to view. This type of Aura will require multiple Overlays, including the Hotspot
overlay option.
27
The goal is to give the user the choice to play one of two videos or go directly to a website. We will start
by showing an image directing the user to touch a certain area of the screen to select their option.
The user can select Video 1, Video 2 or the website. In addition, after Video 1 or Video 2 plays, we want
to give the user the option to make another selection from the splash screen image. In this example, it
would also be best if we forced the Aura into full screen mode as soon as it starts so the user would be
free to move the device off the Trigger image.
Overlays:
·· Overlay 1 – PNG make new selection button
·· Overlay 2 – Video 1
·· Overlay 3 – Video 2
·· Overlay 4–6 – Hotspot overlays
·· Overlay 7 – JPEG or PNG splash screen image
Overlay 1
Set up:
·· Overlay 1 – Select Initially hidden checkbox
·· Overlay 2 – Select Initially hidden checkbox
·· Overlay 3 – Select Initially hidden checkbox
·· Overlay 4–6 – No boxes checked
·· Overlay 7 – Select Fade in checkbox
Overlay 7
Actions for each Overlay:
Overlay
Activation Option
Action
Overlay
Overlay 7
After overlay has started
Make an overlay full screen
Overlay 7
Overlay 6
When Overlay is tapped
Start an overlay
Overlay 3
Overlay 6
When Overlay is tapped
Stop an overlay
Overlay 4
Overlay 6
When Overlay is tapped
Stop an overlay
Overlay 5
Overlay 6
When Overlay is tapped
Stop an overlay
Overlay 6
Overlay 5
When Overlay is tapped
Start an overlay
Overlay 2
Overlay 5
When Overlay is tapped
Stop an overlay
Overlay 4
Overlay 5
When Overlay is tapped
Stop an overlay
Overlay 5
Overlay 5
When Overlay is tapped
Stop an overlay
Overlay 6
Overlay 4
When Overlay is tapped
Load a URL
http://example.com
Overlay 4
When Overlay is tapped
Stop an overlay
Overlay 4
Overlay 4
When Overlay is tapped
Stop an overlay
Overlay 5
Overlay 4
When Overlay is tapped
Stop an overlay
Overlay 6
Overlay 3
When Overlay has finished
Start an overlay
Overlay 1
Overlay 3
When Overlay has finished
Stop an overlay
Overlay 3
Overlay 2
When Overlay has finished
Start an overlay
Overlay 1
Overlay 2
When Overlay has finished
Stop an overlay
Overlay 2
Overlay 1
When Overlay is tapped
Stop an overlay
Overlay 1
Overlay 1
When Overlay is tapped
Start an overlay
Overlay 4
Overlay 1
When Overlay is tapped
Start an overlay
Overlay 5
Overlay 1
When Overlay is tapped
Start an overlay
Overlay 6
Overlay 1
When Overlay is tapped
Start an overlay
Overlay 7
28
The result: When the user triggers the Aura, the splash screen image goes to full screen. This image
shows the user where to tap to launch one of the two videos, or access the URL. If the user chooses a
video, once the video finishes playing, a “button” will appear instructing the user to tap to return to the
splash screen and make another selection.
Two more points about this Aura you may want to remember:
1. Why do we need to add a Make New Selection button after a video plays?
When creating Auras, we always want to use the fewest amount of Actions. This button allows us to
return the Aura to its initial state. Otherwise, we would have to add actions after each video plays to
start the splash screen and all the invisible overlays. With the button we put all those actions on one
Overlay that can be reused. With two videos it may not seem like much of a shortcut, but if you had
multiple videos or images this would cut down on a large number of Actions needing to be created.
2. How does the user stop the Aura after viewing both videos?
Since each video returns the user to the splash screen after it plays, it may seem to the user like
they are in an endless loop. However, with this or any Aura, the user needs only to double–tap their
device screen to end the Aura and return to the Aurasma viewfinder screen. Also, in this example, if
the user tapped on the URL link it would launch the Aurasma browser window and end the Aura.
For more information on Advanced Actions, or ideas for Auras, you can also visit the Aurasma
Community Network website at https://aurasma.zendesk.com/hc/en-us.
29
2016 created by Don Leonard for Walsworth Yearbooks®
Was this manual useful for you? yes no
Thank you for your participation!

* Your assessment is very important for improving the work of artificial intelligence, which forms the content of this project

Download PDF

advertising