teacher’s virtual toolbelt

13
From Students… …to Professionals The Capstone Experience Project Plan Teacher’s Virtual Toolbelt Team TechSmith Ryan Cornillie Alex Crimin Zeke Zandbergen Yang He Department of Computer Science and Engineering Michigan State University Spring 2017

Upload: others

Post on 22-May-2022

7 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Teacher’s Virtual Toolbelt

From Students…

…to Professionals

The Capstone Experience

Project PlanTeacher’s Virtual Toolbelt

Team TechSmithRyan Cornillie

Alex CriminZeke Zandbergen

Yang He

Department of Computer Science and EngineeringMichigan State University

Spring 2017

Page 2: Teacher’s Virtual Toolbelt

Functional Specifications

• Explore HoloLens as a teaching tool

• Using holograms to better illustrate class concepts (classical mechanics)

• Lesson planning

• Quizzes

• Stream mixed reality view

The Capstone Experience Team TechSmith Project Plan 2

Page 3: Teacher’s Virtual Toolbelt

Design Specifications

• Web Application Simple web formso Lesson planningo Course registration

Easy to navigateo Single page applicationo Live stream cohesive with student chat boxoQuiz scores

• HoloLens Application Universally used 2D/3D hologramso Arrows, spheres, lines, circles

Billboard style reference material

The Capstone Experience Team TechSmith Project Plan 3

Page 4: Teacher’s Virtual Toolbelt

Screen Mockup: Web Forms

The Capstone Experience Team TechSmith Project Plan 4

Page 5: Teacher’s Virtual Toolbelt

Screen Mockup: Live Lessons

The Capstone Experience Team TechSmith Project Plan 5

Page 6: Teacher’s Virtual Toolbelt

Screen Mockup: Web Application

The Capstone Experience Team TechSmith Project Plan 6

Page 7: Teacher’s Virtual Toolbelt

Screen Mockup: HoloLens

The Capstone Experience Team TechSmith Project Plan 7

Page 8: Teacher’s Virtual Toolbelt

Technical Specifications

• HoloLens Application

C#

Unity, Visual Studio

• Single Page Web Application

AngularJS, HTML, CSS, SQL, C#, ASP.NET Web API

Visual Studio

• HoloLens Live Streaming

Device API calls (GET .mp4), LowLatencyMRC script

FFmpeg, Azure Media ServicesThe Capstone Experience Team TechSmith Project Plan 8

Page 9: Teacher’s Virtual Toolbelt

System Architecture

The Capstone Experience Team TechSmith Project Plan 9

Page 10: Teacher’s Virtual Toolbelt

System Components

• Hardware Platforms

Microsoft HoloLens

Microsoft Azure

• Software Platforms / Technologies

Single Page Web Application

ASP.NET Web API

Unity C# HoloLens Application

Augmented Reality Live Streaming

The Capstone Experience Team TechSmith Project Plan 10

Page 11: Teacher’s Virtual Toolbelt

Testing

• Using Git as version control and to track issues

• New features will..

be created on new branches

be merged to master branch upon team testing and approval

• Perform user testing at major project milestones

The Capstone Experience Team TechSmith Project Plan 11

Page 12: Teacher’s Virtual Toolbelt

Risks

• HoloLens Development No previous experience HoloLens Academy and Unity tutorials

• Mixed Reality Live Stream Key component with minimal documentation Started immediately, considering alternatives (Live Services, OBS)

• HoloLens and Web Service APIs What is best framework for communication between web application

and HoloLens? Research .NET Web API framework, HoloLens HTTP requests

• Reference Material Rendering reference material from the web without an in-app browser Research ways to render HTML pages in Unity, and how to store this data

The Capstone Experience Team TechSmith Project Plan 12

Page 13: Teacher’s Virtual Toolbelt

Questions?

The Capstone Experience Team TechSmith Project Plan 13

?

? ??

?

?

?

?

?