SlideShare a Scribd company logo
互動式介面設計 
高瑞彣
Tabletop 
1. Teaching Table: A tangible mentor for 
pre-K math education 
2. SciSketch: A Tabletop Collaborative 
Sketching System 
3. SketchTop: Design Collaboration on a 
Multi-touch Tabletop
Teaching Table 
OInteractive tabletop device 
OTangible collaborative 
OVisual and audio output
OInteractive activities 
OScaffolding technique 
OAssessment tools for teachers
Prototype 
O Hardware 
 Electromagnetic sensing pad 
 LCD screen 
 PC 
O Software 
 JAVA 
 Interactive activities 
(5 category) 
 Assessment tools
Conclusion 
O integrate into the classroom environment 
O learning activities for children 
O assessment tools for teacher
Future work 
O extend the activities to cover concepts in 
other areas 
O plan to develop collaborative activities
SciSketch 
OAim digital tabletop platform 
OLow-cost and high-frame-rate 
tabletop 
OCheaper and easier to customize 
for specific use
Implementation 
O Hardware 
 Whiteboard 
 IR pen 
 Wii Remote 
 projector 
O Software 
 JavaScript 
 Wii Remote Connector 
 Unique Identification Tracking Algorithm 
 SciSketch Web Interface
Conclusion 
O Sketching by using IR pen and whiteboard 
O Draw diagrams and chart together 
O Two 3D interactive 
1. Periodic Table(元素週期表) 
2. Assembly(組裝)
Future work 
O IR Pens : evaluating and experience 
O exploring students needs for the 
application 
O comparing the collaborative sketching 
process using traditional paper-pen with 
our IR pen system. 
O develop functions to support enhanced 
teaching methods(history of 
drawing,sketch recognition, simulation, 
and assessment tools)
SketchTop 
O a multi-touch tabletop system 
O through synchronous communication、 
creation、sharing collaborative design 
O a simple sketching interface 
O interdisciplinary design teams
Tabletop Collaboration 
O Orientation of Objects 
1. manual 
2. rotate-translate-resize interaction 
O Definition of Territories 
1. Personal territories 
2. Group territory 
3. storage territories 
O Access to Input Devices 
 multiple users ,multi-touch
Pilot Results 
O floating 
O resizable canvases 
O create territories 
O access to tools and canvases 
O removed the history
Conclusion & Future work 
O furthers the tabletop application 
O collocated collaborative design 
O users communicate and iterate ideas 
O across disciplines 
O remote collaboration
相關資料 
O TabletopCars - Interaction with Active 
Tangible Remote Controlled Cars 
O Tangible Tracking Table: an interactive 
tabletop display 
O Architales: physical/digital co-design of 
an interactive story table

More Related Content

Similar to 互動式介面設計

Google SketchUp for Media Architecture Communication
Google SketchUp for Media  Architecture CommunicationGoogle SketchUp for Media  Architecture Communication
Google SketchUp for Media Architecture Communication
Michael Vallance
 
hcid2011 - Creativity for open spaces - Dr Sara Jones (HCID)
hcid2011 - Creativity for open spaces - Dr Sara Jones (HCID)hcid2011 - Creativity for open spaces - Dr Sara Jones (HCID)
hcid2011 - Creativity for open spaces - Dr Sara Jones (HCID)
City University London
 
Interactive white board notes
Interactive white board notesInteractive white board notes
Interactive white board notes
Pratheesh Pk
 
Musstanser Avanzament 4 (Final No Animation)
Musstanser   Avanzament 4 (Final   No Animation)Musstanser   Avanzament 4 (Final   No Animation)
Musstanser Avanzament 4 (Final No Animation)
Musstanser Tinauli
 
Teaching with Digital Sketch
Teaching with Digital SketchTeaching with Digital Sketch
Teaching with Digital Sketch
Mohd Syahmi
 
2013 Lecture 6: AR User Interface Design Guidelines
2013 Lecture 6: AR User Interface Design Guidelines2013 Lecture 6: AR User Interface Design Guidelines
2013 Lecture 6: AR User Interface Design Guidelines
Mark Billinghurst
 
COSC 426 lect. 4: AR Interaction
COSC 426 lect. 4: AR InteractionCOSC 426 lect. 4: AR Interaction
COSC 426 lect. 4: AR Interaction
Mark Billinghurst
 
Interface prototyping 2014
Interface prototyping 2014Interface prototyping 2014
Interface prototyping 2014
Mariana Salgado
 
Air Canvas
Air CanvasAir Canvas
Air Canvas
akshaykumar14402
 
Design for learning: communities and flexible design processes
Design for learning: communities and flexible design processesDesign for learning: communities and flexible design processes
Design for learning: communities and flexible design processes
davinia.hl
 
Microsoft a palette for learning
Microsoft a palette for learningMicrosoft a palette for learning
Microsoft a palette for learning
Michael Kleine
 
David Cuartielles and Tony Olsson - Going Physical (K3 research seminar)
David Cuartielles and Tony Olsson - Going Physical (K3 research seminar)David Cuartielles and Tony Olsson - Going Physical (K3 research seminar)
David Cuartielles and Tony Olsson - Going Physical (K3 research seminar)
K3Research
 
Aste2012 conference planner-1
Aste2012 conference planner-1Aste2012 conference planner-1
Aste2012 conference planner-1
Hutchison
 
Gesture detection
Gesture detectionGesture detection
Gesture detection
JanitChawla1
 
smartboards
smartboardssmartboards
smartboards
lathanai angui
 
Smart Boards
Smart BoardsSmart Boards
Smart Boards
lathanai angui
 
MiniGrid Project - UI
MiniGrid Project - UIMiniGrid Project - UI
MiniGrid Project - UI
Juan David Hincapié-Ramos
 
Daviniahl@vtintroduction
Daviniahl@vtintroductionDaviniahl@vtintroduction
Daviniahl@vtintroduction
davinia.hl
 
BICS Tech Plan PAC Presentation
BICS Tech Plan PAC PresentationBICS Tech Plan PAC Presentation
BICS Tech Plan PAC Presentation
slater_45
 
Scratch pp ohrid
Scratch pp ohridScratch pp ohrid
Scratch pp ohrid
Irena Nančovska Šerbec
 

Similar to 互動式介面設計 (20)

Google SketchUp for Media Architecture Communication
Google SketchUp for Media  Architecture CommunicationGoogle SketchUp for Media  Architecture Communication
Google SketchUp for Media Architecture Communication
 
hcid2011 - Creativity for open spaces - Dr Sara Jones (HCID)
hcid2011 - Creativity for open spaces - Dr Sara Jones (HCID)hcid2011 - Creativity for open spaces - Dr Sara Jones (HCID)
hcid2011 - Creativity for open spaces - Dr Sara Jones (HCID)
 
Interactive white board notes
Interactive white board notesInteractive white board notes
Interactive white board notes
 
Musstanser Avanzament 4 (Final No Animation)
Musstanser   Avanzament 4 (Final   No Animation)Musstanser   Avanzament 4 (Final   No Animation)
Musstanser Avanzament 4 (Final No Animation)
 
Teaching with Digital Sketch
Teaching with Digital SketchTeaching with Digital Sketch
Teaching with Digital Sketch
 
2013 Lecture 6: AR User Interface Design Guidelines
2013 Lecture 6: AR User Interface Design Guidelines2013 Lecture 6: AR User Interface Design Guidelines
2013 Lecture 6: AR User Interface Design Guidelines
 
COSC 426 lect. 4: AR Interaction
COSC 426 lect. 4: AR InteractionCOSC 426 lect. 4: AR Interaction
COSC 426 lect. 4: AR Interaction
 
Interface prototyping 2014
Interface prototyping 2014Interface prototyping 2014
Interface prototyping 2014
 
Air Canvas
Air CanvasAir Canvas
Air Canvas
 
Design for learning: communities and flexible design processes
Design for learning: communities and flexible design processesDesign for learning: communities and flexible design processes
Design for learning: communities and flexible design processes
 
Microsoft a palette for learning
Microsoft a palette for learningMicrosoft a palette for learning
Microsoft a palette for learning
 
David Cuartielles and Tony Olsson - Going Physical (K3 research seminar)
David Cuartielles and Tony Olsson - Going Physical (K3 research seminar)David Cuartielles and Tony Olsson - Going Physical (K3 research seminar)
David Cuartielles and Tony Olsson - Going Physical (K3 research seminar)
 
Aste2012 conference planner-1
Aste2012 conference planner-1Aste2012 conference planner-1
Aste2012 conference planner-1
 
Gesture detection
Gesture detectionGesture detection
Gesture detection
 
smartboards
smartboardssmartboards
smartboards
 
Smart Boards
Smart BoardsSmart Boards
Smart Boards
 
MiniGrid Project - UI
MiniGrid Project - UIMiniGrid Project - UI
MiniGrid Project - UI
 
Daviniahl@vtintroduction
Daviniahl@vtintroductionDaviniahl@vtintroduction
Daviniahl@vtintroduction
 
BICS Tech Plan PAC Presentation
BICS Tech Plan PAC PresentationBICS Tech Plan PAC Presentation
BICS Tech Plan PAC Presentation
 
Scratch pp ohrid
Scratch pp ohridScratch pp ohrid
Scratch pp ohrid
 

Recently uploaded

System Design Case Study: Building a Scalable E-Commerce Platform - Hiike
System Design Case Study: Building a Scalable E-Commerce Platform - HiikeSystem Design Case Study: Building a Scalable E-Commerce Platform - Hiike
System Design Case Study: Building a Scalable E-Commerce Platform - Hiike
Hiike
 
Artificial Intelligence for XMLDevelopment
Artificial Intelligence for XMLDevelopmentArtificial Intelligence for XMLDevelopment
Artificial Intelligence for XMLDevelopment
Octavian Nadolu
 
Taking AI to the Next Level in Manufacturing.pdf
Taking AI to the Next Level in Manufacturing.pdfTaking AI to the Next Level in Manufacturing.pdf
Taking AI to the Next Level in Manufacturing.pdf
ssuserfac0301
 
Digital Marketing Trends in 2024 | Guide for Staying Ahead
Digital Marketing Trends in 2024 | Guide for Staying AheadDigital Marketing Trends in 2024 | Guide for Staying Ahead
Digital Marketing Trends in 2024 | Guide for Staying Ahead
Wask
 
HCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAUHCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAU
panagenda
 
UI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentationUI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentation
Wouter Lemaire
 
Choosing The Best AWS Service For Your Website + API.pptx
Choosing The Best AWS Service For Your Website + API.pptxChoosing The Best AWS Service For Your Website + API.pptx
Choosing The Best AWS Service For Your Website + API.pptx
Brandon Minnick, MBA
 
GraphRAG for Life Science to increase LLM accuracy
GraphRAG for Life Science to increase LLM accuracyGraphRAG for Life Science to increase LLM accuracy
GraphRAG for Life Science to increase LLM accuracy
Tomaz Bratanic
 
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success StoryDriving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Safe Software
 
Recommendation System using RAG Architecture
Recommendation System using RAG ArchitectureRecommendation System using RAG Architecture
Recommendation System using RAG Architecture
fredae14
 
Letter and Document Automation for Bonterra Impact Management (fka Social Sol...
Letter and Document Automation for Bonterra Impact Management (fka Social Sol...Letter and Document Automation for Bonterra Impact Management (fka Social Sol...
Letter and Document Automation for Bonterra Impact Management (fka Social Sol...
Jeffrey Haguewood
 
Salesforce Integration for Bonterra Impact Management (fka Social Solutions A...
Salesforce Integration for Bonterra Impact Management (fka Social Solutions A...Salesforce Integration for Bonterra Impact Management (fka Social Solutions A...
Salesforce Integration for Bonterra Impact Management (fka Social Solutions A...
Jeffrey Haguewood
 
Programming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup SlidesProgramming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup Slides
Zilliz
 
Generating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and MilvusGenerating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and Milvus
Zilliz
 
June Patch Tuesday
June Patch TuesdayJune Patch Tuesday
June Patch Tuesday
Ivanti
 
Deep Dive: Getting Funded with Jason Jason Lemkin Founder & CEO @ SaaStr
Deep Dive: Getting Funded with Jason Jason Lemkin Founder & CEO @ SaaStrDeep Dive: Getting Funded with Jason Jason Lemkin Founder & CEO @ SaaStr
Deep Dive: Getting Funded with Jason Jason Lemkin Founder & CEO @ SaaStr
saastr
 
5th LF Energy Power Grid Model Meet-up Slides
5th LF Energy Power Grid Model Meet-up Slides5th LF Energy Power Grid Model Meet-up Slides
5th LF Energy Power Grid Model Meet-up Slides
DanBrown980551
 
Best 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERPBest 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERP
Pixlogix Infotech
 
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
saastr
 
A Comprehensive Guide to DeFi Development Services in 2024
A Comprehensive Guide to DeFi Development Services in 2024A Comprehensive Guide to DeFi Development Services in 2024
A Comprehensive Guide to DeFi Development Services in 2024
Intelisync
 

Recently uploaded (20)

System Design Case Study: Building a Scalable E-Commerce Platform - Hiike
System Design Case Study: Building a Scalable E-Commerce Platform - HiikeSystem Design Case Study: Building a Scalable E-Commerce Platform - Hiike
System Design Case Study: Building a Scalable E-Commerce Platform - Hiike
 
Artificial Intelligence for XMLDevelopment
Artificial Intelligence for XMLDevelopmentArtificial Intelligence for XMLDevelopment
Artificial Intelligence for XMLDevelopment
 
Taking AI to the Next Level in Manufacturing.pdf
Taking AI to the Next Level in Manufacturing.pdfTaking AI to the Next Level in Manufacturing.pdf
Taking AI to the Next Level in Manufacturing.pdf
 
Digital Marketing Trends in 2024 | Guide for Staying Ahead
Digital Marketing Trends in 2024 | Guide for Staying AheadDigital Marketing Trends in 2024 | Guide for Staying Ahead
Digital Marketing Trends in 2024 | Guide for Staying Ahead
 
HCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAUHCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAU
 
UI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentationUI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentation
 
Choosing The Best AWS Service For Your Website + API.pptx
Choosing The Best AWS Service For Your Website + API.pptxChoosing The Best AWS Service For Your Website + API.pptx
Choosing The Best AWS Service For Your Website + API.pptx
 
GraphRAG for Life Science to increase LLM accuracy
GraphRAG for Life Science to increase LLM accuracyGraphRAG for Life Science to increase LLM accuracy
GraphRAG for Life Science to increase LLM accuracy
 
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success StoryDriving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success Story
 
Recommendation System using RAG Architecture
Recommendation System using RAG ArchitectureRecommendation System using RAG Architecture
Recommendation System using RAG Architecture
 
Letter and Document Automation for Bonterra Impact Management (fka Social Sol...
Letter and Document Automation for Bonterra Impact Management (fka Social Sol...Letter and Document Automation for Bonterra Impact Management (fka Social Sol...
Letter and Document Automation for Bonterra Impact Management (fka Social Sol...
 
Salesforce Integration for Bonterra Impact Management (fka Social Solutions A...
Salesforce Integration for Bonterra Impact Management (fka Social Solutions A...Salesforce Integration for Bonterra Impact Management (fka Social Solutions A...
Salesforce Integration for Bonterra Impact Management (fka Social Solutions A...
 
Programming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup SlidesProgramming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup Slides
 
Generating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and MilvusGenerating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and Milvus
 
June Patch Tuesday
June Patch TuesdayJune Patch Tuesday
June Patch Tuesday
 
Deep Dive: Getting Funded with Jason Jason Lemkin Founder & CEO @ SaaStr
Deep Dive: Getting Funded with Jason Jason Lemkin Founder & CEO @ SaaStrDeep Dive: Getting Funded with Jason Jason Lemkin Founder & CEO @ SaaStr
Deep Dive: Getting Funded with Jason Jason Lemkin Founder & CEO @ SaaStr
 
5th LF Energy Power Grid Model Meet-up Slides
5th LF Energy Power Grid Model Meet-up Slides5th LF Energy Power Grid Model Meet-up Slides
5th LF Energy Power Grid Model Meet-up Slides
 
Best 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERPBest 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERP
 
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
 
A Comprehensive Guide to DeFi Development Services in 2024
A Comprehensive Guide to DeFi Development Services in 2024A Comprehensive Guide to DeFi Development Services in 2024
A Comprehensive Guide to DeFi Development Services in 2024
 

互動式介面設計

  • 2. Tabletop 1. Teaching Table: A tangible mentor for pre-K math education 2. SciSketch: A Tabletop Collaborative Sketching System 3. SketchTop: Design Collaboration on a Multi-touch Tabletop
  • 3. Teaching Table OInteractive tabletop device OTangible collaborative OVisual and audio output
  • 4. OInteractive activities OScaffolding technique OAssessment tools for teachers
  • 5. Prototype O Hardware  Electromagnetic sensing pad  LCD screen  PC O Software  JAVA  Interactive activities (5 category)  Assessment tools
  • 6. Conclusion O integrate into the classroom environment O learning activities for children O assessment tools for teacher
  • 7. Future work O extend the activities to cover concepts in other areas O plan to develop collaborative activities
  • 8. SciSketch OAim digital tabletop platform OLow-cost and high-frame-rate tabletop OCheaper and easier to customize for specific use
  • 9. Implementation O Hardware  Whiteboard  IR pen  Wii Remote  projector O Software  JavaScript  Wii Remote Connector  Unique Identification Tracking Algorithm  SciSketch Web Interface
  • 10. Conclusion O Sketching by using IR pen and whiteboard O Draw diagrams and chart together O Two 3D interactive 1. Periodic Table(元素週期表) 2. Assembly(組裝)
  • 11. Future work O IR Pens : evaluating and experience O exploring students needs for the application O comparing the collaborative sketching process using traditional paper-pen with our IR pen system. O develop functions to support enhanced teaching methods(history of drawing,sketch recognition, simulation, and assessment tools)
  • 12. SketchTop O a multi-touch tabletop system O through synchronous communication、 creation、sharing collaborative design O a simple sketching interface O interdisciplinary design teams
  • 13. Tabletop Collaboration O Orientation of Objects 1. manual 2. rotate-translate-resize interaction O Definition of Territories 1. Personal territories 2. Group territory 3. storage territories O Access to Input Devices  multiple users ,multi-touch
  • 14. Pilot Results O floating O resizable canvases O create territories O access to tools and canvases O removed the history
  • 15. Conclusion & Future work O furthers the tabletop application O collocated collaborative design O users communicate and iterate ideas O across disciplines O remote collaboration
  • 16. 相關資料 O TabletopCars - Interaction with Active Tangible Remote Controlled Cars O Tangible Tracking Table: an interactive tabletop display O Architales: physical/digital co-design of an interactive story table