65
Dominique St-Pierre President SIMBIOZ, Montreal How we create interactive experiences Yannik Gosselin VP Interactive Technologies SIMBIOZ, Montreal

Dominique St-Pierre Yannik Gosselin

  • Upload
    others

  • View
    10

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Dominique St-Pierre Yannik Gosselin

Dominique St-Pierre

President

SIMBIOZ, Montreal

How we create interactive experiences

Yannik Gosselin

VP Interactive Technologies

SIMBIOZ, Montreal

Page 2: Dominique St-Pierre Yannik Gosselin

What’s the plan?

Who is Simbioz?

How we create interactive experiences? (Hardware+Software)

Case Study with Muskoka Boat & Heritage Centre

What is the new mobile App Muzēus?

Case Study with Muskoka Boat & Heritage Centre

Page 3: Dominique St-Pierre Yannik Gosselin

Who is SIMBIOZ?

FROM THE INTERACTIVE SCREENS TO THE MULTIMEDIA CONTENT, WE CREATE UNFORGETTABLE EXPERIENCES!

Page 4: Dominique St-Pierre Yannik Gosselin

The question is no more: Should we embrace technologies

in museum?

Page 5: Dominique St-Pierre Yannik Gosselin

Does the museum have the knowledge and the resources to

embrace these technologies?

Page 6: Dominique St-Pierre Yannik Gosselin

How we create interactive experiences…

Page 7: Dominique St-Pierre Yannik Gosselin

Interactive Technologies

Interactive displays in museum

Installation What’s coming?

Page 8: Dominique St-Pierre Yannik Gosselin

• What’s the purpose of your interactive display?

• What size do you need?

• Single or Multi-users?

• Installed on a wall, on a table, tilted?

• How many screens do you need?

Interactive displays in museums Where to start?

Let’s start with some examples…

Page 9: Dominique St-Pierre Yannik Gosselin

Video Wall for presentation La Tohu, Montreal

Page 10: Dominique St-Pierre Yannik Gosselin

Game Biosphere, Montreal

Page 11: Dominique St-Pierre Yannik Gosselin

Video Wall for multiusers learning The Cube – Queensland University of Technology, Australia

Page 12: Dominique St-Pierre Yannik Gosselin
Page 13: Dominique St-Pierre Yannik Gosselin

Video Wall for multiusers learning The Cleaveland Museum of Art, Cleaveland

Page 14: Dominique St-Pierre Yannik Gosselin
Page 15: Dominique St-Pierre Yannik Gosselin

Interactive screen in lobby Biosphere, Montreal

Page 16: Dominique St-Pierre Yannik Gosselin

Multitouch tilted table Muskoka Boat and Heritage Center

Page 17: Dominique St-Pierre Yannik Gosselin

3D artifact manipulation McCord Museum, Montreal

Page 18: Dominique St-Pierre Yannik Gosselin

Interactive kiosk New Brunswick Military History Museum

Page 19: Dominique St-Pierre Yannik Gosselin

Kinect Interactivity National Hemophilia Foundation annual meeting

Page 20: Dominique St-Pierre Yannik Gosselin

Visitors expectations with touchscreens:

• iPad quality: sensitivity and drift-free response

• Multitouch

Interactive screen selection

Otherwise it leads to frustration, disappontment and disinterest

Page 21: Dominique St-Pierre Yannik Gosselin

22’’ PCAP Interactive screen ELO TOUCH

Page 22: Dominique St-Pierre Yannik Gosselin

84’’ PCAP Interactive screen 3M

Page 23: Dominique St-Pierre Yannik Gosselin

Computer Vision Through Screen

Multitaction and Samsung SUR40

Page 24: Dominique St-Pierre Yannik Gosselin

Installation

Accessibility Robustness Maintenance

• Kids • Wheelchair • 45°

• Kids! • Durability • Don’t go crazy!

• Cleaning • Support (internet link)

Page 25: Dominique St-Pierre Yannik Gosselin

What’s coming

Page 26: Dominique St-Pierre Yannik Gosselin

LEAP Motion

Page 27: Dominique St-Pierre Yannik Gosselin

Google Glass

Page 28: Dominique St-Pierre Yannik Gosselin

iBeacons

Page 29: Dominique St-Pierre Yannik Gosselin

Software

Page 30: Dominique St-Pierre Yannik Gosselin

Some examples of interactive application Game

Page 31: Dominique St-Pierre Yannik Gosselin

Some examples of interactive application Photo Album Viewer

Page 32: Dominique St-Pierre Yannik Gosselin

Some examples of interactive application Multi-user gallery

Page 33: Dominique St-Pierre Yannik Gosselin

Some examples of interactive application Interactive map

Page 34: Dominique St-Pierre Yannik Gosselin

Some examples of interactive application Interactive Timeline

Page 35: Dominique St-Pierre Yannik Gosselin

Some examples of interactive application 3D Object viewer

Page 36: Dominique St-Pierre Yannik Gosselin

Some examples of interactive application Quizz

Page 37: Dominique St-Pierre Yannik Gosselin

How we create interactive application?

Analysis Ideation

Brainstorming

Storyboarding

Production

Programming

Graphic Editing

Media Integration

Deployment

Shipping

Installation

Training

Page 38: Dominique St-Pierre Yannik Gosselin

• What is the goal?

• Interactivity level? Basic manipulation or iPad style?

• What is your visitors type?

• How long do you want people interact on the screen?

• Do you want your application bilingual?

• Do you want to collect email addresses or other data (comments, survey)?

• Do you plan to periodically update your content?

• …

Analysis

Page 39: Dominique St-Pierre Yannik Gosselin

Ideation

Brainstorming Storyboarding

Page 40: Dominique St-Pierre Yannik Gosselin

Ideation

- Highly creative meeting! - Finding new concept - Drawing sketches

Brainstorming Storyboarding

Page 41: Dominique St-Pierre Yannik Gosselin

Ideation

- Wireframe - Storyboard - Mockup

Brainstorming Storyboarding

Page 42: Dominique St-Pierre Yannik Gosselin

Ideation

- Wireframe - Storyboard - Mockup

Brainstorming Storyboarding

Page 43: Dominique St-Pierre Yannik Gosselin

Ideation

- Wireframe - Storyboard - Mockup

Brainstorming Storyboarding

Page 44: Dominique St-Pierre Yannik Gosselin

Production

Programming Graphic editing Media integration

Page 45: Dominique St-Pierre Yannik Gosselin

Production

- Design - Coding - Debugging

Programming Graphic editing Media integration

Page 46: Dominique St-Pierre Yannik Gosselin

Production

- Build graphic elements - Photo editing - Video montage

Programming Graphic editing Media integration

Page 47: Dominique St-Pierre Yannik Gosselin

Production

- Data entry - Text - Picture & Video

Programming Graphic editing Media integration

Multimedia Content

Video

Picture Text

Page 48: Dominique St-Pierre Yannik Gosselin

Deployment

Shipping Installation Training

- Software - Hardware - Technical Support

- Pre-installation - Packaging - Shipping

- IT configuration - Hardware setup - Testing, Fine-Tuning

Page 49: Dominique St-Pierre Yannik Gosselin

Case study Muskoka Boat & Heritage Centre

Our needs and goals?

Page 50: Dominique St-Pierre Yannik Gosselin

Kiosk and content features

Page 51: Dominique St-Pierre Yannik Gosselin

Kiosk and content features

Page 52: Dominique St-Pierre Yannik Gosselin

Kiosk and content features

Page 53: Dominique St-Pierre Yannik Gosselin

Kiosk and content features

Page 54: Dominique St-Pierre Yannik Gosselin

Kiosk and content features

Page 55: Dominique St-Pierre Yannik Gosselin

What are the results?

Page 56: Dominique St-Pierre Yannik Gosselin

What is Muzēus?

How it Works?

Case Study

Page 57: Dominique St-Pierre Yannik Gosselin

What is Muzēus? A simple multimedia tour App

Page 58: Dominique St-Pierre Yannik Gosselin

How Muzēus works

The App The Portal (CMS)

The Muzēus Tag

Cloud

Page 59: Dominique St-Pierre Yannik Gosselin

The App

Welcome

Language selection

Museum list

Options

Museum

Info

Begin the visit

Opening hours

All items list

Exhibits/Items

Exhibits list

Items list

Details

Picture viewer

Description

Voice over

Media gallery

Social network

Page 60: Dominique St-Pierre Yannik Gosselin

The App

Donate

Page 61: Dominique St-Pierre Yannik Gosselin

The Portal (CMS)

Page 62: Dominique St-Pierre Yannik Gosselin

The Muzēus Tag

Page 63: Dominique St-Pierre Yannik Gosselin

• How the Muzēus App is used in the museum? • What are the results?

Case study Muskoka Boat & Heritage Centre

Page 64: Dominique St-Pierre Yannik Gosselin

Conclusion

• Don’t be afraid of new technologies

• Most people use technologies and they are asking for them

• There is a solution for every budget

Page 65: Dominique St-Pierre Yannik Gosselin

Thank you!

SIMBIOZ.com