Creating an Augmented Reality Learning Object

  • 320 views
Uploaded on

How to create a basic Augmented Reality object and interactive poster by Matt Ewens, Information Officer - Jisc RSC South West

How to create a basic Augmented Reality object and interactive poster by Matt Ewens, Information Officer - Jisc RSC South West

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
320
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
4
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Go to View > Header & Footer to edit June 17, 2013 | slide 1RSCs – Stimulating and supporting innovation in learningCreating an Augmented Reality (AR)learning objectMatt Ewens, Information Officerwww.jisc.ac.uk/rsc
  • 2. Go to View > Header & Footer to edit June 17, 2013 | slide 2Please go to the following website: https://www.layar.comRegister a new account and login to the Layer website and go to Creator to start a new campaign.
  • 3. Go to View > Header & Footer to edit June 17, 2013 | slide 3Complete the prompts in on-screen and Create campaign
  • 4. Go to View > Header & Footer to edit June 17, 2013 | slide 4Now Layar needs the first page for your campaign, so this will be the poster that you want to use withthe AR. For example a PDF or .JPG of a promotional poster for an event for example, or even aprospectus, something like the example below:Fig.1 upload PDF, PNG or ZIPFig.2 Select your file by pressing ‘Browse’
  • 5. Go to View > Header & Footer to edit June 17, 2013 | slide 5After you have selected you file and uploaded it, the analysing pages page appears, you don’t need towait until this has finished analysing, so go ahead and click on ‘Start creating’.
  • 6. Go to View > Header & Footer to edit June 17, 2013 | slide 6You’ll now be inside the creator area, where you can start adding AR to your poster, this is essentiallysplit into three different sections, which are: Manage pages, the main design area and the widgets andAR buttons.
  • 7. Go to View > Header & Footer to edit June 17, 2013 | slide 7Now to begin with we will just create a basic link to another website. To do this click on the drop-downbutton on the right-hand side of the screen called ‘Basic’ - now click on ‘Website’. This will bring up theeditor for the website button, simply enter the URL for the website you want to link to and what colouryou want the button to be and click on ‘Apply changes’.Fig.1 basic buttons Fig.2 Creating a web link
  • 8. Go to View > Header & Footer to edit June 17, 2013 | slide 8You’ll now see the website button appear on top of your poster, click it and drag it to where you wouldlike it displayed when someone scans your poster with the Layar application. You can also make thebutton larger or smaller by clicking on it and using the handles at each corner of the button to click anddrag. Save the AR poster and collapse the Basic button box.Fig.1 Website buttonFig.1 AR poster
  • 9. Go to View > Header & Footer to edit June 17, 2013 | slide 9Now expand the ‘Media’ box on the right-hand side and click on the video button. Now for the purposesof this presentation we will just use a YouTube video. So use the following URL address and paste intothe Video URL box: http://www.youtube.com/watch?v=iOcx6D2-AXc – it will load the video and thenclick on ‘Apply changes’Fig.1 Media panel/VideoFig.2 The video editor box
  • 10. Go to View > Header & Footer to edit June 17, 2013 | slide 10Now click and drag the video on the poster to where you want the AR learning object to appear whenscanned. Then once you are happy with where it is, run a test. On the pop-up image use your smartdevice with the Layer app loaded onto it and make sure you are logged into the layer app. Then scanthe pop=-up image with the device.Fig.1 Move the video towhere you need to Fig.2 Scan your page with the Layar app
  • 11. Go to View > Header & Footer to edit June 17, 2013 | slide 11Experiment!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: mattewens@rsc-south-west.ac.uk01752 587035