Unit06 Publishing an Augmented Experience [web hosting]

Overview

Using the 18-shot method, you will photograph a FOUR separate nodes with Bracket Shooting for HDR and then create a tour of a contained space (no city parks). It could be real-estate, public building, business, museum, etc.

Tools

• Web Hosting

Objectives

At the end of this module, you should be able to...

• Link nodes
• Augment with textual information
• Augment with directional sound
• Augment with embedded video
• Augment with image popups
• Modify an existing skin
• Upload this augmented tour on your own web hosting

Tasks

• Create a free account on Amazon Web Services or GitHub.
• Read about the skin editor
• Install the "Immersive Web Emulator" Chrome Extension

Watch

• AWS S3 Bucket for Hosting
• AWS-bucketA Create a New Bucket [1:34]
• AWS-bucketB Upload Files [1:22]
• AWS-bucketC Set the Properities [0:48]
• AWS-bucketD Set the Permissions [1:22]
• Read Setting permissions for website access (sample bucket policy to copy)
• AWS-bucketE View the Site [0:41]
• AWS-bucketF Handling Upload Errors [2:48]
• Augmented Tour with Pano2VR
• 3261_12a Introduction to Enhanced Reality [1:37]
• 3261_12b Popup Practice [11:44]
• 3261_12c Building Popups [2:14]
• 3261_12d Placing Panoramas [8:26]
• Download the "simplex_v6.ggsk" skin used in the next video. You can place this skin in your project folder and link to it
• 3261_12e Editing the Skin [5:46]
• 3261_12f Adding a Video [3:18]
• 3261_12g Adding Image Popups [6:46]
• 3261_12h Workflow to Update Popups [1:31]
• 3261_12i Preparing for Web XR [1:32]
• 3261_12j View on a Browser [0:48]
• 3261_12k View on a Phone [2:00]
• 3261_12l View on a Headset [5:18]

Assignment Example

View the Springville Museum of Art

Assignment Checklist

Unit06 Publishing an Augmented Experience [web hosting] (10 pts)

For this assignment, you will shoot an entirely new location but it does not have to be a business. When you scout out the location look for items of interest so you can cerate popups and look for a television or wall where you can add a .mp4 video.

Image Acquisition

• Use the 18 shot method with bracketing to capture four different panoramas that are no more than 20 feet apart and can be seen from each other. Do not move the user through walls or closed doors!
• Bracket Shoot in RAW

Image Processing

• Process the RAW images to HDR using Photomatix Pro
• Stitch the HDR images into spherical panoramas

Down Shot Patching

• Open the two down shots and overlay to remove the arm. Remove the tripod using your best Photoshop skills.

Image Popups

• Build a template in Photoshop using smart objects and then create a series of at least four matching popups
• Popups must contain a title bar, close button, and text description as demonstrated in the videos
• Modify the skin and REMOVE the close X in the skin. Have the image close when the image is clicked.
• Use "Generate Image Assets" to create and update the popups automatically

Embedded Video

• Place a video on a wall or TV
• Enable play / pause on click

Directional Sound

• Insert an audio file related to an activity in the panorama

Quality Control

• Make sure to correct a crooked horizon line if present.
• Images are properly exposed!
• DO NOT USE trial software for your final submission!

Pano2VR

• Load TIF panoramas into pano2VR software
• Locate the images on a world map or floor-plan
• Link the panoramas together
• Set the location for all nodes inside pano2vr
• Add directional sound
• Add image popups
• Add a video on a wall
• Modify the skin to properly close the image popups

Upload to Web Host

• When the tour is completed, upload it to your AWS S3 bucket for the whole world to see.
• TEST it to make sure it works!

Submit in Canvas

• Please submit a URL to your tour in Canvas

Grade

In order to receive a grade for this assignment you must earn 90% of the points listed above.

• Pass
• Fail