creating an augmented reality learning object
DESCRIPTION
How to create a basic Augmented Reality object and interactive poster by Matt Ewens, Information Officer - Jisc RSC South WestTRANSCRIPT
Go to View > Header & Footer to edit April 10, 2023 | slide 1RSCs – Stimulating and supporting innovation in learning
Creating an Augmented Reality (AR) learning object Matt Ewens, Information Officer
www.jisc.ac.uk/rsc
Go to View > Header & Footer to edit April 10, 2023 | slide 2
Please go to the following website: https://www.layar.com
Register a new account and login to the Layer website and go to Creator to start a new campaign.
Go to View > Header & Footer to edit April 10, 2023 | slide 3
Complete the prompts in on-screen and Create campaign
Go to View > Header & Footer to edit April 10, 2023 | slide 4
Now Layar needs the first page for your campaign, so this will be the poster that you want to use with the AR. For example a PDF or .JPG of a promotional poster for an event for example, or even a prospectus, something like the example below:
Fig.1 upload PDF, PNG or ZIP
Fig.2 Select your file by pressing ‘Browse’
Go to View > Header & Footer to edit April 10, 2023 | slide 5
After you have selected you file and uploaded it, the analysing pages page appears, you don’t need to wait until this has finished analysing, so go ahead and click on ‘Start creating’.
Go to View > Header & Footer to edit April 10, 2023 | slide 6
You’ll now be inside the creator area, where you can start adding AR to your poster, this is essentially split into three different sections, which are: Manage pages, the main design area and the widgets and AR buttons.
Go to View > Header & Footer to edit April 10, 2023 | slide 7
Now to begin with we will just create a basic link to another website. To do this click on the drop-down button on the right-hand side of the screen called ‘Basic’ - now click on ‘Website’. This will bring up the editor for the website button, simply enter the URL for the website you want to link to and what colour you want the button to be and click on ‘Apply changes’.
Fig.1 basic buttons Fig.2 Creating a web link
Go to View > Header & Footer to edit April 10, 2023 | slide 8
You’ll now see the website button appear on top of your poster, click it and drag it to where you would like it displayed when someone scans your poster with the Layar application. You can also make the button larger or smaller by clicking on it and using the handles at each corner of the button to click and drag. Save the AR poster and collapse the Basic button box.
Fig.1 Website buttonFig.1 AR poster
Go to View > Header & Footer to edit April 10, 2023 | slide 9
Now expand the ‘Media’ box on the right-hand side and click on the video button. Now for the purposes of this presentation we will just use a YouTube video. So use the following URL address and paste into the Video URL box: http://www.youtube.com/watch?v=iOcx6D2-AXc – it will load the video and then click on ‘Apply changes’
Fig.1 Media panel/VideoFig.2 The video editor box
Go to View > Header & Footer to edit April 10, 2023 | slide 10
Now click and drag the video on the poster to where you want the AR learning object to appear when scanned. Then once you are happy with where it is, run a test. On the pop-up image use your smart device with the Layer app loaded onto it and make sure you are logged into the layer app. Then scan the pop=-up image with the device.
Fig.1 Move the video to where you need to Fig.2 Scan your page with the Layar app
Go to View > Header & Footer to edit April 10, 2023 | slide 11
Experiment!
Have a go at some of the other layer objects and try them out!
Have fun!
If you have any further questions please let me know: [email protected]
01752 587035