SlideShare a Scribd company logo
1 of 57
Download to read offline
KTH ROYAL INSTITUTE
OF TECHNOLOGY
Learning Interactive Graphics
through Huge Live Demos
Mario Romero, Assoc. Prof. HCI & Graphics
2017/01/18
Activities
• Research
• Education
• Outreach
Infrastructure
• Engineer
• Hardware
• Software
Visualization Studio VIC
• 4K wall
• HTC VIVE
• Oculus Rift
• 3D audio
• Multi-touch interactive
tabletop surfaces
• Eye tracking
• GPU-based computing cluster
• Haptic Devices
• 3D printers
• Epson Moverio
Technologies in the Studio
1. The Studio
2. The Students
Andreas Niklas Eric
Johan Robert Joakim Emil André Elvira Jonas
Students in Advanced Graphics and
Interaction 2012 (AGI12) in
ForskarFredag - 10
It’s all about the students
Students in Advanced Graphics and Interaction
2013 (AGI13) in the Visualization Studio VIC - 26
Students in Advanced Graphics and Interaction
2014 (AGI14) in the Visualization Studio VIC - 14
It’s all about the students
It’s all about the students
Students in Advanced Graphics and Interaction
2015 (AGI15) at ForskarFredag - 28
MS Students
Media Technology
Computer Science
AGI16 - 53
3. The Learning
Expo-Based Learning
Project-Based Learning augmented with constructively
aligned public expos.
Focus on accountability and adaptability.
Build an object that becomes a portfolio.
Origins of the idea
¡Hice lo que quise! (I did what I wanted!)
Nicholas Hogan - Space Bar ©2012Nicholas Hogan ©1992
Timeline
Week 1:
Form groups through discussion
4K wall
4.00 x 2.40 m
10MP
60FPS
Project:
Northern Lights
13 M particles
Newtonian Gravity
Week 1:
Group Research
Week 2:
Proposals & Feedback
TowPow TD
Methods & Techniques
Week 3:
Hello World Demos
Week 5:
Researcher’s Friday
Working Prototype
User Evaluation
Evidence of Individual
Contribution
Deliverables
Week 6-8:
Implement Evaluation Findings
Week 9:
Comic Con
Embodied Sculpting
MegaMind Tekniska Museet – Forma i Luften
Hands-on interaction with 3D, haptics, sound
Base Jumper
Octree rendering
Computer vision body
control
SolarSense
PodRacer
Two Pacs
YA3
Mad Sand
TeamTris
BrARwl
Padawan 101
Blopper
InvadAR
DangeRoads
FaceUp
Week 10:
Reflect
“You have to be confident to explain to people this is what I have done, this is how it
works in a public environment. At KTH all the lab assignments are in front of the
computers which you know work. And the person you are presenting to knows what you
are doing. What we do in this course is present to people who don’t have the same
understanding of what you are doing. So you have to explain to people in a different
way. Also, it is much more likely to break if you are presenting for a long time to a lot of
people. You have to be sure that your code doesn’t break and know what to do when
your code breaks. It is most definitely worth the extra effort.”
Romero, M. , Thuresson, B., Peters, C., Kis, F., Coppard, J., Andrée, J. and Landazuri, N., 2014, June.
Augmenting PBL with large public presentations: a case study in interactive graphics pedagogy. In
Proceedings of the 2014 conference on Innovation & technology in computer science education (pp. 15-
20). ACM.
Thank you!
kth.se/profile/marior marioromero73
marioromero73marioromero
marior@kth.se
VisualizationStudio

More Related Content

Similar to Learning Interactive Graphics through Huge Live Demos

Multimedia2017_A4 Brochure.indd_New
Multimedia2017_A4 Brochure.indd_NewMultimedia2017_A4 Brochure.indd_New
Multimedia2017_A4 Brochure.indd_New
Sushma Guduri
 
Rp2 published
Rp2 publishedRp2 published
Rp2 published
Aman Jain
 

Similar to Learning Interactive Graphics through Huge Live Demos (20)

Virtual Reality in Education
Virtual Reality in EducationVirtual Reality in Education
Virtual Reality in Education
 
Applying virtual environments in distance learning of product development
Applying virtual environments in distance learning of product developmentApplying virtual environments in distance learning of product development
Applying virtual environments in distance learning of product development
 
COMP 4010 - Lecture 1: Introduction to Virtual Reality
COMP 4010 - Lecture 1: Introduction to Virtual RealityCOMP 4010 - Lecture 1: Introduction to Virtual Reality
COMP 4010 - Lecture 1: Introduction to Virtual Reality
 
Multimedia2017_A4 Brochure.indd_New
Multimedia2017_A4 Brochure.indd_NewMultimedia2017_A4 Brochure.indd_New
Multimedia2017_A4 Brochure.indd_New
 
Rp2 published
Rp2 publishedRp2 published
Rp2 published
 
Artificial Intelligence(A.pptx
Artificial Intelligence(A.pptxArtificial Intelligence(A.pptx
Artificial Intelligence(A.pptx
 
IRJET-Space Invaders: An Educational Game in Virtual Reality
IRJET-Space Invaders: An Educational Game in Virtual RealityIRJET-Space Invaders: An Educational Game in Virtual Reality
IRJET-Space Invaders: An Educational Game in Virtual Reality
 
Online-Gym: a 3D virtual gymnasium using Kinect interaction
Online-Gym: a 3D virtual gymnasium using Kinect interactionOnline-Gym: a 3D virtual gymnasium using Kinect interaction
Online-Gym: a 3D virtual gymnasium using Kinect interaction
 
Augmented Reality In Education
Augmented Reality In EducationAugmented Reality In Education
Augmented Reality In Education
 
Closing, Course Offer 17/18 & Homework (D5 2017 UPC Deep Learning for Compute...
Closing, Course Offer 17/18 & Homework (D5 2017 UPC Deep Learning for Compute...Closing, Course Offer 17/18 & Homework (D5 2017 UPC Deep Learning for Compute...
Closing, Course Offer 17/18 & Homework (D5 2017 UPC Deep Learning for Compute...
 
Beyond Reality (2027): The Future of Virtual and Augmented Reality
Beyond Reality (2027): The Future of Virtual and Augmented RealityBeyond Reality (2027): The Future of Virtual and Augmented Reality
Beyond Reality (2027): The Future of Virtual and Augmented Reality
 
Virtual Reality: Stereoscopic Imaging for Educational Institutions
Virtual Reality: Stereoscopic Imaging for Educational Institutions Virtual Reality: Stereoscopic Imaging for Educational Institutions
Virtual Reality: Stereoscopic Imaging for Educational Institutions
 
Augmented Reality: The Next 20 Years (AWE Asia 2015)
Augmented Reality: The Next 20 Years (AWE Asia 2015)Augmented Reality: The Next 20 Years (AWE Asia 2015)
Augmented Reality: The Next 20 Years (AWE Asia 2015)
 
Pervasive ar environment
Pervasive ar environmentPervasive ar environment
Pervasive ar environment
 
3D simulations as an innovation tool
3D simulations as an innovation tool3D simulations as an innovation tool
3D simulations as an innovation tool
 
Art and Audience Understanding in Virtual Reality
Art and Audience Understanding in Virtual RealityArt and Audience Understanding in Virtual Reality
Art and Audience Understanding in Virtual Reality
 
VIRTUAL AND AUGMENTED REALITY IN THE PRESENT SCENARIO
VIRTUAL AND AUGMENTED REALITY IN THE PRESENT SCENARIOVIRTUAL AND AUGMENTED REALITY IN THE PRESENT SCENARIO
VIRTUAL AND AUGMENTED REALITY IN THE PRESENT SCENARIO
 
Into the Wild: Embracing the Anarchy
Into the Wild: Embracing the AnarchyInto the Wild: Embracing the Anarchy
Into the Wild: Embracing the Anarchy
 
AMS & Anarkik3D Ltd.pptx
AMS & Anarkik3D Ltd.pptxAMS & Anarkik3D Ltd.pptx
AMS & Anarkik3D Ltd.pptx
 
5th world feb2006_smu_v1.0
5th world feb2006_smu_v1.05th world feb2006_smu_v1.0
5th world feb2006_smu_v1.0
 

More from Mario Romero, Ph.D.

More from Mario Romero, Ph.D. (6)

Mixed Reality Stockholm - Jan 2018
Mixed Reality Stockholm - Jan 2018Mixed Reality Stockholm - Jan 2018
Mixed Reality Stockholm - Jan 2018
 
How Data is Shaping Our Evolving Reality
How Data is Shaping Our Evolving RealityHow Data is Shaping Our Evolving Reality
How Data is Shaping Our Evolving Reality
 
Occlusion in Outdoor Augmented Reality using Geospatial Building Data
Occlusion in Outdoor Augmented Reality using Geospatial Building DataOcclusion in Outdoor Augmented Reality using Geospatial Building Data
Occlusion in Outdoor Augmented Reality using Geospatial Building Data
 
VR Beyond Games
VR Beyond GamesVR Beyond Games
VR Beyond Games
 
Romero: What can Visualization do for You?
Romero: What can Visualization do for You?Romero: What can Visualization do for You?
Romero: What can Visualization do for You?
 
Mixed reality whole-body Interaction for healthy living Mario Romero 2015
Mixed reality whole-body Interaction for healthy living Mario Romero 2015Mixed reality whole-body Interaction for healthy living Mario Romero 2015
Mixed reality whole-body Interaction for healthy living Mario Romero 2015
 

Recently uploaded

Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
negromaestrong
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
heathfieldcps1
 
An Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdfAn Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdf
SanaAli374401
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
Chris Hunter
 
Gardella_Mateo_IntellectualProperty.pdf.
Gardella_Mateo_IntellectualProperty.pdf.Gardella_Mateo_IntellectualProperty.pdf.
Gardella_Mateo_IntellectualProperty.pdf.
MateoGardella
 

Recently uploaded (20)

Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
An Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdfAn Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdf
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..
 
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptxINDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
 
SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...
SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...
SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...
 
Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdf
 
PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docx
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SD
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
 
Gardella_Mateo_IntellectualProperty.pdf.
Gardella_Mateo_IntellectualProperty.pdf.Gardella_Mateo_IntellectualProperty.pdf.
Gardella_Mateo_IntellectualProperty.pdf.
 
Advance Mobile Application Development class 07
Advance Mobile Application Development class 07Advance Mobile Application Development class 07
Advance Mobile Application Development class 07
 

Learning Interactive Graphics through Huge Live Demos