Creating Rotational WebObjects for Online Teaching & Learning

Janet Holland, Ph.D.Emporia State Universityjholland@emporia.edu

2

MS degree in Instructional Design & Technology http://www.emporia.edu/idt/aboutidt.htm

http://www.emporia.edu/

3

1. Background Information

2. Turntable Objects

3. Web Presence

Contents

4

Background Information

5

Applications• Personal

• Professional

• Education

• Architecture

• Museums

• Security

• Medical

• Products

6

• Historical• Geography• City, Villages, Places• Landscapes• Biology/Nature/Wildlife• Weather/Climate/Seasons• Events

Topics• Industry• Campus Tours• Sports• Architecture• Botanicals• Portraits

7

Downloads & Browsers

• QuickTime Player Download

• Java Activated in Browser

8

Digital Photography Tips• Highest resolution without memory problems

• Uncompressed TIFF, raw formats

• Focal length & field of view to calculate number of pictures.

• All daylight or artificial less light issues

• Large aperture, small F-number, tripod, centered, batteries charged

• Clouds are good, not windy

• Diffuse, reflected light swivel (No Flash)

• Clockwise photo sequence

9

Distortions, Blurry, Color Fringe

• Vignette

• Chromatic aberration

• Perspective

(incline up)

PanoTools/Photoshop Correct Prior to Stitching

• Pincushionwide angle

• None

• Barrelwide angle, fisheye

10

Pano Types

• Cylindrical - vertical

• Spherical - vertical & horizontal

• Cubic - vertical & horizontal

11

Pano Types

• Object Movies - object on a turntable

• Stereo - 2 cameras width of eyes

• Macro - metal ball center reflective photo

• Sound - specific areas

• Video - integrated

• Virtual Tours - hot spots

12

Turntable Objects

13

360 Degree Objects• Canon PowerShot SD750

camera $199.00

• Tripod

• White poster board (2)

• Lighting

• Overlapping images

• Software to stitch images together

• Object turntable $29.95 http://www.anything3d.com

• Paper Turntable

Tripod Mounts Over the Lens

14

Import Images From Camera

15

Adobe Photoshop Resize

Height 5”Resolution 72

16

Photoshop Save .jpg

17

VR Worx

• Launch VR Worx

• Select object

http://www.vrtoolbox.com/vrthome.html $300.00 - Upgrades - Education Discounts

18

VR Worx Setup

19

VR Worx Acquire

20

Add 36 Images, Select Rotation

21

Images Loaded

22

VR Worx Hot Spots

23

VR Worx Effects

24

VR Worx Compose

25

VR Worx Preview

26

View QuickTime Movies

27

Photoshop Write Down thePoints Width & Height of 1 Image

28

Web Presence

29

Dreamweaver Web Authoring

30

Insert>Media>PlugIn Movie

31

PlugIn Icon

32

Window>PropertiesSet PlugIn Width & Height Points

Matches the Photoshop Image Points Written Down Earlier

33

File>Save As, File>Preview in Browser

34

Completed Website With 360 Degree Movie

35

Education ExamplesMath – engineering constructions, architecture, bridges, machines

Science – aeronautics, rockets, airplanes, robotics, anatomy, fossils, Geology – security, pollution, environment, inventions, prototype, redesign

Technology – build a computer, security, products

Social Science – history, cultures, current events, careers, social problems, community service

36

Questions or Comments?