Tutorial for Beginners

Target of this Tutorial

• How to create a new Project

• How to add 360° media files

• How to add Slideshows

• How to arrange interactive icons

• How to use Start View settings

• How to navigate to Locations

Duration: 15-20 minutes

Preparation

1. Install present4D VR-Suite

2. Download the tutorial sample files: http://present4d.com/vrs-download/present4D-Tutorial-1.zip (40 MB)

3. Unzip the present4D-Tutorial-1.zip

4. Copy the folder present4D-Tutorial-1 to your desktop.

Project Overview

The example context is a fictional crime scene with a corpse. All available media files that can contribute to understanding the case can be easily collected and viewed in present4D.

• 360° Photo 1: Outside

  • 1 x Slideshow: Whitness Video

  • 1 x Slideshow: Bullet Report

• 360° Photo 2: Body

  • 1 x Slideshow: Bullet Details

• 360° Photo 2: Blood

  • 1 x Slideshow: Blood Details

Overview Map

360° Photos with Icon Positions

Step by Step Tutorial

We recommend printing this manual and doing the tutorial without VR Headset.

1. Create the Project

1. Start present4D VR-Suite

2. In the Project Portal click + create to setup a new Project.

3. Name the Project Tutorial1_myName

4. Confirm with the green check mark

5. choose option Create a new Project

6. Click Start

Now you are in a small default tutorial location.

2. Import the 360° Media files

1. Choose Start Alone

2. Editor Start Mode

3. Launch the iMenu

4. choose the tab Locations

On the bottom row of the iMenu, there are buttons to add 360° Locations.

You will now add the three locations.

360° Photo 1 - Outside

1. Click (2) Normal

2. Select in the Windows File Explorer the file present4D-Tutorial-1/1-Outside/Outside.jpg

3. Click in the Windopresent4D-Tutorial-1 Open

360° Photo 2 - Body

1. Click (2) Normal

2. Select the file present4D-Tutorial-1/2-Body/Body.jpg

3. Click present4D-Tutorial-1

360° Photo 3 - Blood

1. Click (2) Normal

2. Select the file present4D-Tutorial-1/3-Blood/Blood.jpg

3. Click Open

• Close the iMenu

• Stop Editor Mode in the same way you have started it

3. Arrange the HotSpots

Prepare: Depending on your hardware read the chapter Moving HotSpots using VR Glasses or Using the Mouse to learn how to reposition the icons.

In this chapter you will also learn three possibilities to load the next Location.

360° Photo 1 - Outside

1. Launch the iMenu

2. Move over the name Outside to select this row

3. Click on the arrow to the right of the location Outside to load this Location. The iMenu will close automatically.

4. Editor Start Mode

5. Move the HotSpot Body to the window like visualized in 360° Photos with Icon Positions

360° Photo 2 - Body

1. Press Arrow Up Key on the keyboard to load the next Location Body

2. Move the HotSpot Blood to the whiteboard like visualized in 360° Photos with Icon Positions

3. Move the HotSpot Outside to the window like visualized in 360° Photos with Icon Positions

360° Photo 3 - Blood

1. Stop Editor Mode in the same way you have started it

2. Click on the HotSpot Blood to load this location

3. Editor Start Mode

4. Move the HotSpot Body beside the body like visualized in 360° Photos with Icon Positions

Tip

present4D provides the HotSpot Target View Automation to handle the target views when you load an other Location by clicking an a HotSpot. By default it´s like walking through the site in real life: the viewing direction is always correctly oriented.

4. Import and Arrange the Slideshow Files

In this chapter you will also learn how to rename content.

1. Load Location 1

2. Editor Start Mode

3. Launch the iMenu

4. choose the tab Media

On the bottom row of the iMenu, there are buttons to add a Slideshow

360° Photo 1 Outside

1. Click (2) Slideshow

2. Select in the Windows File Explorer all photos of the folder present4D-Tutorial-1/1-Outside/Bullet Report

3. Click in the Windows File Explorer Open present4D-Tutorial-1

4. The filename of the first file will be suggested as Slideshow name. Accept by clicking the green check mark.

5. Move over the name of your Slideshow to select this row

6. Click at the Pencil symbol to rename the Slideshow.

7. Press Ctrl + A to select the old entry and type Bullet Report. Confirm by clicking the green check mark.

8. Click (2) Slideshow

9. Select in the Windows File Explorer the video of the folder present4D-Tutorial-1/1-Outside/Witness Video

10. Click in the Windows File Explorer Open

11. The filename will be suggested as Slideshow name. Accept by pressing enter on the keyboard or clicking the green check mark.

12. Close the iMenu

13. Move both Slideshows into the direction of the bullets like visualized in 360° Photos with Icon Positions

360° Photo 2 Body

1. Load Location 2

2. Launch the iMenu

3. Click (2) Slideshow

4. Select in the Windows File Explorer the video of the folder present4D-Tutorial-1/2-Body/Bullet Details

5. Click in the Windows File Explorer Open

6. Accept the name by clicking the green check mark.

7. Close the iMenu

8. Move the Slideshow into the direction of the body like visualized in 360° Photos with Icon Positions

360° Photo 3 Blood

1. Load Location 3

2. Launch the iMenu

3. Click (2) Slideshow

4. Select in the Windows File Explorer all files of the folder present4D-Tutorial-1/3-Blood/Blood Details

5. Click in the Windows File Explorer Open

6. Accept the name by clicking the green check mark.

7. Close the iMenu

8. Move the Slideshow into the direction of the blood on the white board like visualized in 360° Photos with Icon Positions

5. Set Start View settings

This icon sets the start view direction that is displayed when this location is loaded by using the iMenu, the Arrow Keys or the Number Keys on the keyboard.

1. Location 1: Move the icon into the direction of the bullets like visualized in 360° Photos with Icon Positions

2. Location 2: Move the icon into the direction of the body like visualized in 360° Photos with Icon Positions

3. Location 3: Move the icon into the direction of the white board with blood like visualized in 360° Photos with Icon Positions

Understand the Difference between “HotSpot Target View” and “Start View from iMenu”

1. Stop Editor Mode in the same way you have started it

2. Navigate to Location 2 with HotSpots and observe the orientation with which it will be entered (HotSpot Target View)

3. Navigate to Location 2 with iMenu and observe the orientation with which it will be entered (Start View from iMenu)

Next Steps

You have finalized the first tutorial.

Next steps:

• Distribute and Share the Project via cloud or cable

• Using the Conference to discuss your project with others

• Create a Quiz to extend the project into a learning environment

Quiz Example

Creating a Quiz

A quiz in present4D allows you to test the user’s understanding and collect feedback. In this tutorial, you will learn how to create a simple quiz about the color of the car.

1. Editor Start Mode

2. Launch the iMenu

3. Choose the Multimedia tab.

4. At the bottom, select Quiz.

5. Close the iMenu.

6. Click on the Gear symbol in the upper left next to the Quiz Infospot button.

Create an Info Page

1. Click on + Info to create a new information page.

2. Enter an appropriate headline and a description text for your quiz.

Create a Question Page

1. Click on + Question to create a new question page.

2. Enter the question “What color was the car?”.

3. Add the answer options:

   • 1. Green

   • 2. White

   • 3. Blue

4. Mark “b) White” as the correct answer.

Create a Score Page

1. Click on + Score to create a score page.

2. Enter appropriate messages for different scores.

After you’ve set up your quiz, you can test it to make sure everything works as expected.

Video Tutorials

Visit our Youtube Tutorial Video Channel