全面發展電子教學 - ate.gov.hk · 小六級中文、英文、數學和常識科全面推行電子教 學,並在每月定期安排其他學校交流觀課,與同工互 相觀摩,砥礪互進,深化成效。」
互動式介面設計
-
Upload
- -
Category
Technology
-
view
146 -
download
2
description
Transcript of 互動式介面設計
![Page 1: 互動式介面設計](https://reader035.fdocuments.us/reader035/viewer/2022070321/558a530fd8b42acb6a8b4785/html5/thumbnails/1.jpg)
互動式介面設計高瑞彣
![Page 2: 互動式介面設計](https://reader035.fdocuments.us/reader035/viewer/2022070321/558a530fd8b42acb6a8b4785/html5/thumbnails/2.jpg)
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
![Page 3: 互動式介面設計](https://reader035.fdocuments.us/reader035/viewer/2022070321/558a530fd8b42acb6a8b4785/html5/thumbnails/3.jpg)
Teaching TableOInteractive tabletop deviceOTangible collaborativeOVisual and audio output
![Page 4: 互動式介面設計](https://reader035.fdocuments.us/reader035/viewer/2022070321/558a530fd8b42acb6a8b4785/html5/thumbnails/4.jpg)
OInteractive activitiesOScaffolding techniqueOAssessment tools for
teachers
![Page 5: 互動式介面設計](https://reader035.fdocuments.us/reader035/viewer/2022070321/558a530fd8b42acb6a8b4785/html5/thumbnails/5.jpg)
PrototypeO Hardware
Electromagnetic sensing padLCD screenPC
O Software JAVA Interactive activities
(5 category)Assessment tools
![Page 6: 互動式介面設計](https://reader035.fdocuments.us/reader035/viewer/2022070321/558a530fd8b42acb6a8b4785/html5/thumbnails/6.jpg)
Conclusion O integrate into the classroom
environmentO learning activities for childrenO assessment tools for teacher
![Page 7: 互動式介面設計](https://reader035.fdocuments.us/reader035/viewer/2022070321/558a530fd8b42acb6a8b4785/html5/thumbnails/7.jpg)
Future workO extend the activities to cover
concepts in other areasO plan to develop collaborative
activities
![Page 8: 互動式介面設計](https://reader035.fdocuments.us/reader035/viewer/2022070321/558a530fd8b42acb6a8b4785/html5/thumbnails/8.jpg)
SciSketchOAim digital tabletop
platformOLow-cost and high-frame-
rate tabletopOCheaper and easier to
customize for specific use
![Page 9: 互動式介面設計](https://reader035.fdocuments.us/reader035/viewer/2022070321/558a530fd8b42acb6a8b4785/html5/thumbnails/9.jpg)
ImplementationO Hardware
Whiteboard IR pen Wii Remote projector
O Software JavaScript Wii Remote Connector Unique Identification Tracking Algorithm SciSketch Web Interface
![Page 10: 互動式介面設計](https://reader035.fdocuments.us/reader035/viewer/2022070321/558a530fd8b42acb6a8b4785/html5/thumbnails/10.jpg)
O Sketching by using IR pen and whiteboard
O Draw diagrams and chart togetherO Two 3D interactive1. Periodic Table(元素週期表)2. Assembly(組裝)
Conclusion
![Page 11: 互動式介面設計](https://reader035.fdocuments.us/reader035/viewer/2022070321/558a530fd8b42acb6a8b4785/html5/thumbnails/11.jpg)
Future workO IR Pens : evaluating and experience O exploring students needs for the
applicationO 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)
![Page 12: 互動式介面設計](https://reader035.fdocuments.us/reader035/viewer/2022070321/558a530fd8b42acb6a8b4785/html5/thumbnails/12.jpg)
SketchTopO a multi-touch tabletop system O through synchronous
communication、 creation、 sharing collaborative design
O a simple sketching interface O interdisciplinary design teams
![Page 13: 互動式介面設計](https://reader035.fdocuments.us/reader035/viewer/2022070321/558a530fd8b42acb6a8b4785/html5/thumbnails/13.jpg)
Tabletop Collaboration
O Orientation of Objects1. manual2. rotate-translate-resize interaction
O Definition of Territories1. Personal territories2. Group territory3. storage territories
O Access to Input Devicesmultiple users ,multi-touch
![Page 14: 互動式介面設計](https://reader035.fdocuments.us/reader035/viewer/2022070321/558a530fd8b42acb6a8b4785/html5/thumbnails/14.jpg)
Pilot ResultsO floatingO resizable canvasesO create territories O access to tools and canvasesO removed the history
![Page 15: 互動式介面設計](https://reader035.fdocuments.us/reader035/viewer/2022070321/558a530fd8b42acb6a8b4785/html5/thumbnails/15.jpg)
Conclusion & Future work
O furthers the tabletop applicationO collocated collaborative design O users communicate and iterate ideasO across disciplinesO remote collaboration
![Page 16: 互動式介面設計](https://reader035.fdocuments.us/reader035/viewer/2022070321/558a530fd8b42acb6a8b4785/html5/thumbnails/16.jpg)
相關資料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