SlideShare ist ein Scribd-Unternehmen logo
1 von 30
Downloaden Sie, um offline zu lesen
Institute of Information Systems and Computer Media (IICM)
1
Michael Spitzer Graz, 2015/01/22 Teamsketch
Teamsketch
Master’s Thesis Presentation
Michael Spitzer
Institute of Information Systems and Computer Media (IICM)
2
Michael Spitzer Graz, 2015/01/22 Teamsketch
Overview
•  Introduction
•  Motivation
•  Research goal
•  Project environment
•  iPad App
•  Web Service
•  Web Interface for students and teachers
•  Field study at a primary school
•  Conclusion
Institute of Information Systems and Computer Media (IICM)
3
Michael Spitzer Graz, 2015/01/22 Teamsketch
Introduction
Teamsketch
•  Sketch app for iPad
•  2-4 drawers
•  One sketch together simultaneously
Institute of Information Systems and Computer Media (IICM)
4
Michael Spitzer Graz, 2015/01/22 Teamsketch
Motivation
•  Train collaboration
•  Develop and improve team skills
Collaboration:
“A group of people tries to learn something together” [Dillenbourg, 1999]
Teamwork
Institute of Information Systems and Computer Media (IICM)
5
Michael Spitzer Graz, 2015/01/22 Teamsketch
Research goal
•  Prototype drawing app for iPad
•  One real-time sketch, 2-4 drawers simultaneously
•  Observation of collaborative learning capabilities
•  Field test at a primary school
Institute of Information Systems and Computer Media (IICM)
6
Michael Spitzer Graz, 2015/01/22 Teamsketch
Project environment
User management SOAP
Teamsketch SOAP
Institute of Information Systems and Computer Media (IICM)
7
Michael Spitzer Graz, 2015/01/22 Teamsketch
iPad app
Requirements:
•  No WiFi infrastructure necessary
•  No server - multi peer infrastructure
•  Bluetooth support
•  Real-time sketch update
•  Line smoothing, curve fitting algorithms
•  2-4 drawers simultaneously
•  User management (optional)
•  Sketch up- and download (optional)
Institute of Information Systems and Computer Media (IICM)
8
Michael Spitzer Graz, 2015/01/22 Teamsketch
Frameworks
Environment: xCode 6 / Swift
Frameworks:
•  Foundation Framework (HTTP connections, XML
parser, …)
•  Multipeer Connectivity Framework (Network
communication)
•  UIKit / Core Graphics (Graphic related APIs)
Institute of Information Systems and Computer Media (IICM)
9
Michael Spitzer Graz, 2015/01/22 Teamsketch
Architecture
Main screen Login
Join sketch New sketch
Browser
Drawing
Store sketchAbort sketch
Institute of Information Systems and Computer Media (IICM)
10
Michael Spitzer Graz, 2015/01/22 Teamsketch
Architecture – user management
Main screen Login
Join sketch New sketch
Browser
Drawing
Store sketchAbort sketch
Institute of Information Systems and Computer Media (IICM)
11
Michael Spitzer Graz, 2015/01/22 Teamsketch
Architecture – multi peer connection
Main screen Login
Join sketch New sketch
Browser
Drawing
Store sketchAbort sketch
Institute of Information Systems and Computer Media (IICM)
12
Michael Spitzer Graz, 2015/01/22 Teamsketch
Multi peer connection
Advertiser
•  Wants to join a
session
•  Accepts/declines
invitations
Browser
•  Browses all nearby
advertising devices
•  Invites to session
Institute of Information Systems and Computer Media (IICM)
13
Michael Spitzer Graz, 2015/01/22 Teamsketch
Architecture – sketch screen
Main screen Login
Join sketch New sketch
Browser
Drawing
Store sketchAbort sketch
Institute of Information Systems and Computer Media (IICM)
14
Michael Spitzer Graz, 2015/01/22 Teamsketch
Sketch screen
•  12 colors
•  2 stroke widths
•  Zoom (2x)
•  Line guides
Institute of Information Systems and Computer Media (IICM)
15
Michael Spitzer Graz, 2015/01/22 Teamsketch
Drawing Algorithms
Shown
on the
blackboard
Shapes:
•  One touch circle (touchesBegan – touchesEnded)
•  Stroke (touchesBegan – touchesMoved – touchesEnded)
•  Bezier Segment – cubic Bezier curve
Institute of Information Systems and Computer Media (IICM)
16
Michael Spitzer Graz, 2015/01/22 Teamsketch
Video demonstration
Institute of Information Systems and Computer Media (IICM)
17
Michael Spitzer Graz, 2015/01/22 Teamsketch
Web service
Requirements:
•  Authentication against already existent user
management
•  Students - Sketch up- and download
•  1 profile picture (2 resolutions)
•  3 sketches (2 resolutions)
•  Teacher – Sketch access (students in class)
Institute of Information Systems and Computer Media (IICM)
18
Michael Spitzer Graz, 2015/01/22 Teamsketch
Frameworks / architecture
•  LAMP
•  PHP with SOAP extension
•  WSDL
Institute of Information Systems and Computer Media (IICM)
19
Michael Spitzer Graz, 2015/01/22 Teamsketch
Web interface
•  PHP
•  SOAP client with WSDL
•  HTML
•  Smarty template engine (PHP)
•  presentation layer
•  Compiled (cache)
•  Open source
Institute of Information Systems and Computer Media (IICM)
20
Michael Spitzer Graz, 2015/01/22 Teamsketch
Web interface
•  Profile picture
(thumbnail)
•  Sketches
•  Thumbnail
•  High resolution
download
Institute of Information Systems and Computer Media (IICM)
21
Michael Spitzer Graz, 2015/01/22 Teamsketch
Field test
Primary school – 3rd grade
Test setting:
•  Teams with 2,3 or 4, members selected by the teacher
•  All team members at one big desk (face-to-face communication)
•  Heterogenic device network (iPad 2,3,4 and iPad Air)
Institute of Information Systems and Computer Media (IICM)
22
Michael Spitzer Graz, 2015/01/22 Teamsketch
Test setting
x
x
Institute of Information Systems and Computer Media (IICM)
23
Michael Spitzer Graz, 2015/01/22 Teamsketch
Test procedure
•  Short introduction
•  Group of four è two groups of two
•  Sketch topic
•  Drawing
•  Groups of two merged to group of four
•  Sketch topic
•  Drawing
•  Reflection
Institute of Information Systems and Computer Media (IICM)
24
Michael Spitzer Graz, 2015/01/22 Teamsketch
Field test evaluation
Video:
Sketch video (groups of 2,3)
Macbook joined active session è video recording
Images:
Screenshots of the finished sketches
Audio:
Transcription of children’s discussions while drawing
Children’s and teacher’s feedback:
Questionnaire
Institute of Information Systems and Computer Media (IICM)
25
Michael Spitzer Graz, 2015/01/22 Teamsketch
Sketch examples
Institute of Information Systems and Computer Media (IICM)
26
Michael Spitzer Graz, 2015/01/22 Teamsketch
Field test - lessons learned
•  Collaboration
•  Some children did not like drawing together
•  Felt pen switching process was not intuitive
•  Felt pen color change too sensitive
•  White felt pen VS rubber
•  Zoom function was not used
•  Clear sketch issue
Institute of Information Systems and Computer Media (IICM)
27
Michael Spitzer Graz, 2015/01/22 Teamsketch
Conclusion - challenges
•  App programming with new language (beta)
•  Literature
•  Experience
•  Performance
•  Time critical multi-threading programming with
heterogenic device support (iPad 3)
•  Programming for outdated infrastructures
•  Interface app çè web service
•  User interface for children
Institute of Information Systems and Computer Media (IICM)
28
Michael Spitzer Graz, 2015/01/22 Teamsketch
Conclusion – Summary
þ Collaborative iPad sketch app for 2-4 players with
real-time screen updates
þ No network infrastructure needed
þ Collaborative learning, team work capabilities
confirmed during field test
Institute of Information Systems and Computer Media (IICM)
29
Michael Spitzer Graz, 2015/01/22 Teamsketch
Conclusion - what’s next ?
•  Improvement of the app (feedback from field test)
•  Presentation at the EdMedia 2015 - World
Conference on Educational Media and
Technology in Montréal, Québec, Canada (June
2015)
•  Development of a commercial collaborative sketch
application aimed at designers.
Institute of Information Systems and Computer Media (IICM)
30
Michael Spitzer Graz, 2015/01/22 Teamsketch
End
Thank you!
References
Dillenbourg, Pierre (1999). Collaborative learning: cognitive and computational approaches.
2nd Revised Edition. Emerald Group Publishing Limited.

Weitere ähnliche Inhalte

Ähnlich wie Teamsketch

The EYD2015 website: working agile at the European Commission (EuroIA 2015, M...
The EYD2015 website: working agile at the European Commission (EuroIA 2015, M...The EYD2015 website: working agile at the European Commission (EuroIA 2015, M...
The EYD2015 website: working agile at the European Commission (EuroIA 2015, M...Koen Peters
 
View Based Near Real Time Collaborative Modeling for Information Systems Engi...
View Based Near Real Time Collaborative Modeling for Information Systems Engi...View Based Near Real Time Collaborative Modeling for Information Systems Engi...
View Based Near Real Time Collaborative Modeling for Information Systems Engi...Nicolaescu Petru
 
Inria Tech Talk - Jumeau numérique - Mercredi 25 Avril 2018
Inria Tech Talk - Jumeau numérique - Mercredi 25 Avril 2018Inria Tech Talk - Jumeau numérique - Mercredi 25 Avril 2018
Inria Tech Talk - Jumeau numérique - Mercredi 25 Avril 2018FrenchTechCentral
 
chapter12 - Software engineering.pdf
chapter12 - Software engineering.pdfchapter12 - Software engineering.pdf
chapter12 - Software engineering.pdfsatonaka3
 
MSR 2022 Foundational Contribution Award Talk: Software Analytics: Reflection...
MSR 2022 Foundational Contribution Award Talk: Software Analytics: Reflection...MSR 2022 Foundational Contribution Award Talk: Software Analytics: Reflection...
MSR 2022 Foundational Contribution Award Talk: Software Analytics: Reflection...Tao Xie
 
Helsinki 20180314 v6
Helsinki 20180314 v6Helsinki 20180314 v6
Helsinki 20180314 v6ISSIP
 
Stacker's the way you connect the world .pptx
Stacker's the way you connect the world .pptxStacker's the way you connect the world .pptx
Stacker's the way you connect the world .pptxBOBY RISHABH KUMAR SHARMA
 
NI Week 2019 Overview
NI Week 2019 OverviewNI Week 2019 Overview
NI Week 2019 OverviewDMC, Inc.
 
Team Data Science Process Presentation (TDSP), Aug 29, 2017
Team Data Science Process Presentation (TDSP), Aug 29, 2017Team Data Science Process Presentation (TDSP), Aug 29, 2017
Team Data Science Process Presentation (TDSP), Aug 29, 2017Debraj GuhaThakurta
 
Custom Reports & Integrations with GraphQL
Custom Reports & Integrations with GraphQLCustom Reports & Integrations with GraphQL
Custom Reports & Integrations with GraphQLLeanIX GmbH
 
Metta Innovations - Introdução ao Deep Learning aplicado a vídeo analytics
Metta Innovations - Introdução ao Deep Learning aplicado a vídeo analyticsMetta Innovations - Introdução ao Deep Learning aplicado a vídeo analytics
Metta Innovations - Introdução ao Deep Learning aplicado a vídeo analyticsEduardo Gaspar
 
Why Data Science Projects Fail?
Why Data Science Projects Fail?Why Data Science Projects Fail?
Why Data Science Projects Fail?Ethan Ram
 
UK Community day 20180427 Microsoft Flow hackathon
UK Community day 20180427 Microsoft Flow hackathonUK Community day 20180427 Microsoft Flow hackathon
UK Community day 20180427 Microsoft Flow hackathonPenny Coventry
 
SpreadSheetSpace seminar at ICSI
SpreadSheetSpace seminar at ICSISpreadSheetSpace seminar at ICSI
SpreadSheetSpace seminar at ICSIsteccami
 

Ähnlich wie Teamsketch (20)

The EYD2015 website: working agile at the European Commission (EuroIA 2015, M...
The EYD2015 website: working agile at the European Commission (EuroIA 2015, M...The EYD2015 website: working agile at the European Commission (EuroIA 2015, M...
The EYD2015 website: working agile at the European Commission (EuroIA 2015, M...
 
Software Code Maps
Software Code MapsSoftware Code Maps
Software Code Maps
 
View Based Near Real Time Collaborative Modeling for Information Systems Engi...
View Based Near Real Time Collaborative Modeling for Information Systems Engi...View Based Near Real Time Collaborative Modeling for Information Systems Engi...
View Based Near Real Time Collaborative Modeling for Information Systems Engi...
 
CV
CVCV
CV
 
Microsoft Graph Community call 1-2-18
Microsoft Graph Community call 1-2-18Microsoft Graph Community call 1-2-18
Microsoft Graph Community call 1-2-18
 
Inria Tech Talk - Jumeau numérique - Mercredi 25 Avril 2018
Inria Tech Talk - Jumeau numérique - Mercredi 25 Avril 2018Inria Tech Talk - Jumeau numérique - Mercredi 25 Avril 2018
Inria Tech Talk - Jumeau numérique - Mercredi 25 Avril 2018
 
chapter12 - Software engineering.pdf
chapter12 - Software engineering.pdfchapter12 - Software engineering.pdf
chapter12 - Software engineering.pdf
 
Com apps brief
Com apps briefCom apps brief
Com apps brief
 
Future se oct15
Future se oct15Future se oct15
Future se oct15
 
MSR 2022 Foundational Contribution Award Talk: Software Analytics: Reflection...
MSR 2022 Foundational Contribution Award Talk: Software Analytics: Reflection...MSR 2022 Foundational Contribution Award Talk: Software Analytics: Reflection...
MSR 2022 Foundational Contribution Award Talk: Software Analytics: Reflection...
 
Helsinki 20180314 v6
Helsinki 20180314 v6Helsinki 20180314 v6
Helsinki 20180314 v6
 
Stacker's the way you connect the world .pptx
Stacker's the way you connect the world .pptxStacker's the way you connect the world .pptx
Stacker's the way you connect the world .pptx
 
NI Week 2019 Overview
NI Week 2019 OverviewNI Week 2019 Overview
NI Week 2019 Overview
 
Stacker's
Stacker'sStacker's
Stacker's
 
Team Data Science Process Presentation (TDSP), Aug 29, 2017
Team Data Science Process Presentation (TDSP), Aug 29, 2017Team Data Science Process Presentation (TDSP), Aug 29, 2017
Team Data Science Process Presentation (TDSP), Aug 29, 2017
 
Custom Reports & Integrations with GraphQL
Custom Reports & Integrations with GraphQLCustom Reports & Integrations with GraphQL
Custom Reports & Integrations with GraphQL
 
Metta Innovations - Introdução ao Deep Learning aplicado a vídeo analytics
Metta Innovations - Introdução ao Deep Learning aplicado a vídeo analyticsMetta Innovations - Introdução ao Deep Learning aplicado a vídeo analytics
Metta Innovations - Introdução ao Deep Learning aplicado a vídeo analytics
 
Why Data Science Projects Fail?
Why Data Science Projects Fail?Why Data Science Projects Fail?
Why Data Science Projects Fail?
 
UK Community day 20180427 Microsoft Flow hackathon
UK Community day 20180427 Microsoft Flow hackathonUK Community day 20180427 Microsoft Flow hackathon
UK Community day 20180427 Microsoft Flow hackathon
 
SpreadSheetSpace seminar at ICSI
SpreadSheetSpace seminar at ICSISpreadSheetSpace seminar at ICSI
SpreadSheetSpace seminar at ICSI
 

Mehr von Educational Technology

The use of programming tasks in interactive videos to increase learning effec...
The use of programming tasks in interactive videos to increase learning effec...The use of programming tasks in interactive videos to increase learning effec...
The use of programming tasks in interactive videos to increase learning effec...Educational Technology
 
Analysis of students' behavior watching iMooX courses with interactive elements
Analysis of students' behavior watching iMooX courses with interactive elementsAnalysis of students' behavior watching iMooX courses with interactive elements
Analysis of students' behavior watching iMooX courses with interactive elementsEducational Technology
 
Erhebung von Lernaktivitäten in einem Pop-Up-Makerspace mit einer technischen...
Erhebung von Lernaktivitäten in einem Pop-Up-Makerspace mit einer technischen...Erhebung von Lernaktivitäten in einem Pop-Up-Makerspace mit einer technischen...
Erhebung von Lernaktivitäten in einem Pop-Up-Makerspace mit einer technischen...Educational Technology
 
Mixed Reality im Distance Learning in der Hochschullehre
Mixed Reality im Distance Learning in der HochschullehreMixed Reality im Distance Learning in der Hochschullehre
Mixed Reality im Distance Learning in der HochschullehreEducational Technology
 
Development of a WCAG theme for a learning management system
Development of a WCAG theme for a learning management systemDevelopment of a WCAG theme for a learning management system
Development of a WCAG theme for a learning management systemEducational Technology
 
Math trainer as a chatbot via system(push) messages for Android
Math trainer as a chatbot via system(push) messages for AndroidMath trainer as a chatbot via system(push) messages for Android
Math trainer as a chatbot via system(push) messages for AndroidEducational Technology
 
Empirical Analysis of Automated Editing of Raw Learning Video Footage
Empirical Analysis of Automated Editing of Raw Learning Video FootageEmpirical Analysis of Automated Editing of Raw Learning Video Footage
Empirical Analysis of Automated Editing of Raw Learning Video FootageEducational Technology
 
Fächerintegrativer Unterricht am Beispiel der Leichtathletik
Fächerintegrativer Unterricht am Beispiel der LeichtathletikFächerintegrativer Unterricht am Beispiel der Leichtathletik
Fächerintegrativer Unterricht am Beispiel der LeichtathletikEducational Technology
 
DENKEN UND TECHNIK Über manipulative Auswirkungen von Internettechnologien
DENKEN UND TECHNIK Über manipulative Auswirkungen von InternettechnologienDENKEN UND TECHNIK Über manipulative Auswirkungen von Internettechnologien
DENKEN UND TECHNIK Über manipulative Auswirkungen von InternettechnologienEducational Technology
 
Empfehlungen für den Unterricht im Fach Informatik für Menschen mit Autismus-...
Empfehlungen für den Unterricht im Fach Informatik für Menschen mit Autismus-...Empfehlungen für den Unterricht im Fach Informatik für Menschen mit Autismus-...
Empfehlungen für den Unterricht im Fach Informatik für Menschen mit Autismus-...Educational Technology
 
Entwicklung eines Online-Kurses für digitale Kompetenzen für Studienanfänger:...
Entwicklung eines Online-Kurses für digitale Kompetenzen für Studienanfänger:...Entwicklung eines Online-Kurses für digitale Kompetenzen für Studienanfänger:...
Entwicklung eines Online-Kurses für digitale Kompetenzen für Studienanfänger:...Educational Technology
 
Development of a mobile French language learning platform
Development of a mobile French language learning platformDevelopment of a mobile French language learning platform
Development of a mobile French language learning platformEducational Technology
 
Learning Analytics and Spelling Acquisition in German - the Path to Indivdual...
Learning Analytics and Spelling Acquisition in German - the Path to Indivdual...Learning Analytics and Spelling Acquisition in German - the Path to Indivdual...
Learning Analytics and Spelling Acquisition in German - the Path to Indivdual...Educational Technology
 
Fächerintegrativer Unterricht am Beispiel des Lernroboters Thymio
Fächerintegrativer Unterricht am Beispiel des Lernroboters ThymioFächerintegrativer Unterricht am Beispiel des Lernroboters Thymio
Fächerintegrativer Unterricht am Beispiel des Lernroboters ThymioEducational Technology
 
Einsatz von Mixed Reality im Klassenzimmer
Einsatz von Mixed Reality im KlassenzimmerEinsatz von Mixed Reality im Klassenzimmer
Einsatz von Mixed Reality im KlassenzimmerEducational Technology
 
Chatbots for Brand Representation in Comparison with Traditional Websites
Chatbots for Brand Representation in Comparison with Traditional WebsitesChatbots for Brand Representation in Comparison with Traditional Websites
Chatbots for Brand Representation in Comparison with Traditional WebsitesEducational Technology
 
Development of a learning diary for a MOOC platform
Development of a learning diary for a MOOC platformDevelopment of a learning diary for a MOOC platform
Development of a learning diary for a MOOC platformEducational Technology
 

Mehr von Educational Technology (20)

The use of programming tasks in interactive videos to increase learning effec...
The use of programming tasks in interactive videos to increase learning effec...The use of programming tasks in interactive videos to increase learning effec...
The use of programming tasks in interactive videos to increase learning effec...
 
Analysis of students' behavior watching iMooX courses with interactive elements
Analysis of students' behavior watching iMooX courses with interactive elementsAnalysis of students' behavior watching iMooX courses with interactive elements
Analysis of students' behavior watching iMooX courses with interactive elements
 
Portability of Mobile Applications
Portability of Mobile ApplicationsPortability of Mobile Applications
Portability of Mobile Applications
 
Erhebung von Lernaktivitäten in einem Pop-Up-Makerspace mit einer technischen...
Erhebung von Lernaktivitäten in einem Pop-Up-Makerspace mit einer technischen...Erhebung von Lernaktivitäten in einem Pop-Up-Makerspace mit einer technischen...
Erhebung von Lernaktivitäten in einem Pop-Up-Makerspace mit einer technischen...
 
Mixed Reality im Distance Learning in der Hochschullehre
Mixed Reality im Distance Learning in der HochschullehreMixed Reality im Distance Learning in der Hochschullehre
Mixed Reality im Distance Learning in der Hochschullehre
 
Development of a WCAG theme for a learning management system
Development of a WCAG theme for a learning management systemDevelopment of a WCAG theme for a learning management system
Development of a WCAG theme for a learning management system
 
Math trainer as a chatbot via system(push) messages for Android
Math trainer as a chatbot via system(push) messages for AndroidMath trainer as a chatbot via system(push) messages for Android
Math trainer as a chatbot via system(push) messages for Android
 
Empirical Analysis of Automated Editing of Raw Learning Video Footage
Empirical Analysis of Automated Editing of Raw Learning Video FootageEmpirical Analysis of Automated Editing of Raw Learning Video Footage
Empirical Analysis of Automated Editing of Raw Learning Video Footage
 
Fächerintegrativer Unterricht am Beispiel der Leichtathletik
Fächerintegrativer Unterricht am Beispiel der LeichtathletikFächerintegrativer Unterricht am Beispiel der Leichtathletik
Fächerintegrativer Unterricht am Beispiel der Leichtathletik
 
DENKEN UND TECHNIK Über manipulative Auswirkungen von Internettechnologien
DENKEN UND TECHNIK Über manipulative Auswirkungen von InternettechnologienDENKEN UND TECHNIK Über manipulative Auswirkungen von Internettechnologien
DENKEN UND TECHNIK Über manipulative Auswirkungen von Internettechnologien
 
Empfehlungen für den Unterricht im Fach Informatik für Menschen mit Autismus-...
Empfehlungen für den Unterricht im Fach Informatik für Menschen mit Autismus-...Empfehlungen für den Unterricht im Fach Informatik für Menschen mit Autismus-...
Empfehlungen für den Unterricht im Fach Informatik für Menschen mit Autismus-...
 
Entwicklung eines Online-Kurses für digitale Kompetenzen für Studienanfänger:...
Entwicklung eines Online-Kurses für digitale Kompetenzen für Studienanfänger:...Entwicklung eines Online-Kurses für digitale Kompetenzen für Studienanfänger:...
Entwicklung eines Online-Kurses für digitale Kompetenzen für Studienanfänger:...
 
School Start Screening Tool
School Start Screening ToolSchool Start Screening Tool
School Start Screening Tool
 
Development of a mobile French language learning platform
Development of a mobile French language learning platformDevelopment of a mobile French language learning platform
Development of a mobile French language learning platform
 
Learning Analytics and Spelling Acquisition in German - the Path to Indivdual...
Learning Analytics and Spelling Acquisition in German - the Path to Indivdual...Learning Analytics and Spelling Acquisition in German - the Path to Indivdual...
Learning Analytics and Spelling Acquisition in German - the Path to Indivdual...
 
Learning Analytics and MOOCs
Learning Analytics and MOOCsLearning Analytics and MOOCs
Learning Analytics and MOOCs
 
Fächerintegrativer Unterricht am Beispiel des Lernroboters Thymio
Fächerintegrativer Unterricht am Beispiel des Lernroboters ThymioFächerintegrativer Unterricht am Beispiel des Lernroboters Thymio
Fächerintegrativer Unterricht am Beispiel des Lernroboters Thymio
 
Einsatz von Mixed Reality im Klassenzimmer
Einsatz von Mixed Reality im KlassenzimmerEinsatz von Mixed Reality im Klassenzimmer
Einsatz von Mixed Reality im Klassenzimmer
 
Chatbots for Brand Representation in Comparison with Traditional Websites
Chatbots for Brand Representation in Comparison with Traditional WebsitesChatbots for Brand Representation in Comparison with Traditional Websites
Chatbots for Brand Representation in Comparison with Traditional Websites
 
Development of a learning diary for a MOOC platform
Development of a learning diary for a MOOC platformDevelopment of a learning diary for a MOOC platform
Development of a learning diary for a MOOC platform
 

Kürzlich hochgeladen

Student Profile Sample - We help schools to connect the data they have, with ...
Student Profile Sample - We help schools to connect the data they have, with ...Student Profile Sample - We help schools to connect the data they have, with ...
Student Profile Sample - We help schools to connect the data they have, with ...Seán Kennedy
 
How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17Celine George
 
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptxQ4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptxlancelewisportillo
 
Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Celine George
 
EMBODO Lesson Plan Grade 9 Law of Sines.docx
EMBODO Lesson Plan Grade 9 Law of Sines.docxEMBODO Lesson Plan Grade 9 Law of Sines.docx
EMBODO Lesson Plan Grade 9 Law of Sines.docxElton John Embodo
 
4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptx4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptxmary850239
 
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATIONTHEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATIONHumphrey A Beña
 
Expanded definition: technical and operational
Expanded definition: technical and operationalExpanded definition: technical and operational
Expanded definition: technical and operationalssuser3e220a
 
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptxINTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptxHumphrey A Beña
 
ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...
ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...
ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...JojoEDelaCruz
 
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY -  GERBNER.pptxAUDIENCE THEORY -CULTIVATION THEORY -  GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptxiammrhaywood
 
4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptxmary850239
 
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)lakshayb543
 
The Contemporary World: The Globalization of World Politics
The Contemporary World: The Globalization of World PoliticsThe Contemporary World: The Globalization of World Politics
The Contemporary World: The Globalization of World PoliticsRommel Regala
 
ClimART Action | eTwinning Project
ClimART Action    |    eTwinning ProjectClimART Action    |    eTwinning Project
ClimART Action | eTwinning Projectjordimapav
 
ROLES IN A STAGE PRODUCTION in arts.pptx
ROLES IN A STAGE PRODUCTION in arts.pptxROLES IN A STAGE PRODUCTION in arts.pptx
ROLES IN A STAGE PRODUCTION in arts.pptxVanesaIglesias10
 
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptxMULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptxAnupkumar Sharma
 
Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Mark Reed
 

Kürzlich hochgeladen (20)

Student Profile Sample - We help schools to connect the data they have, with ...
Student Profile Sample - We help schools to connect the data they have, with ...Student Profile Sample - We help schools to connect the data they have, with ...
Student Profile Sample - We help schools to connect the data they have, with ...
 
Paradigm shift in nursing research by RS MEHTA
Paradigm shift in nursing research by RS MEHTAParadigm shift in nursing research by RS MEHTA
Paradigm shift in nursing research by RS MEHTA
 
How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17
 
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptxQ4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
 
Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17
 
EMBODO Lesson Plan Grade 9 Law of Sines.docx
EMBODO Lesson Plan Grade 9 Law of Sines.docxEMBODO Lesson Plan Grade 9 Law of Sines.docx
EMBODO Lesson Plan Grade 9 Law of Sines.docx
 
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptxYOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
 
4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptx4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptx
 
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATIONTHEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
 
Expanded definition: technical and operational
Expanded definition: technical and operationalExpanded definition: technical and operational
Expanded definition: technical and operational
 
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptxINTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
 
ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...
ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...
ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...
 
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY -  GERBNER.pptxAUDIENCE THEORY -CULTIVATION THEORY -  GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptx
 
4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx
 
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)
Visit to a blind student's school🧑‍🦯🧑‍🦯(community medicine)
 
The Contemporary World: The Globalization of World Politics
The Contemporary World: The Globalization of World PoliticsThe Contemporary World: The Globalization of World Politics
The Contemporary World: The Globalization of World Politics
 
ClimART Action | eTwinning Project
ClimART Action    |    eTwinning ProjectClimART Action    |    eTwinning Project
ClimART Action | eTwinning Project
 
ROLES IN A STAGE PRODUCTION in arts.pptx
ROLES IN A STAGE PRODUCTION in arts.pptxROLES IN A STAGE PRODUCTION in arts.pptx
ROLES IN A STAGE PRODUCTION in arts.pptx
 
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptxMULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
 
Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)
 

Teamsketch

  • 1. Institute of Information Systems and Computer Media (IICM) 1 Michael Spitzer Graz, 2015/01/22 Teamsketch Teamsketch Master’s Thesis Presentation Michael Spitzer
  • 2. Institute of Information Systems and Computer Media (IICM) 2 Michael Spitzer Graz, 2015/01/22 Teamsketch Overview •  Introduction •  Motivation •  Research goal •  Project environment •  iPad App •  Web Service •  Web Interface for students and teachers •  Field study at a primary school •  Conclusion
  • 3. Institute of Information Systems and Computer Media (IICM) 3 Michael Spitzer Graz, 2015/01/22 Teamsketch Introduction Teamsketch •  Sketch app for iPad •  2-4 drawers •  One sketch together simultaneously
  • 4. Institute of Information Systems and Computer Media (IICM) 4 Michael Spitzer Graz, 2015/01/22 Teamsketch Motivation •  Train collaboration •  Develop and improve team skills Collaboration: “A group of people tries to learn something together” [Dillenbourg, 1999] Teamwork
  • 5. Institute of Information Systems and Computer Media (IICM) 5 Michael Spitzer Graz, 2015/01/22 Teamsketch Research goal •  Prototype drawing app for iPad •  One real-time sketch, 2-4 drawers simultaneously •  Observation of collaborative learning capabilities •  Field test at a primary school
  • 6. Institute of Information Systems and Computer Media (IICM) 6 Michael Spitzer Graz, 2015/01/22 Teamsketch Project environment User management SOAP Teamsketch SOAP
  • 7. Institute of Information Systems and Computer Media (IICM) 7 Michael Spitzer Graz, 2015/01/22 Teamsketch iPad app Requirements: •  No WiFi infrastructure necessary •  No server - multi peer infrastructure •  Bluetooth support •  Real-time sketch update •  Line smoothing, curve fitting algorithms •  2-4 drawers simultaneously •  User management (optional) •  Sketch up- and download (optional)
  • 8. Institute of Information Systems and Computer Media (IICM) 8 Michael Spitzer Graz, 2015/01/22 Teamsketch Frameworks Environment: xCode 6 / Swift Frameworks: •  Foundation Framework (HTTP connections, XML parser, …) •  Multipeer Connectivity Framework (Network communication) •  UIKit / Core Graphics (Graphic related APIs)
  • 9. Institute of Information Systems and Computer Media (IICM) 9 Michael Spitzer Graz, 2015/01/22 Teamsketch Architecture Main screen Login Join sketch New sketch Browser Drawing Store sketchAbort sketch
  • 10. Institute of Information Systems and Computer Media (IICM) 10 Michael Spitzer Graz, 2015/01/22 Teamsketch Architecture – user management Main screen Login Join sketch New sketch Browser Drawing Store sketchAbort sketch
  • 11. Institute of Information Systems and Computer Media (IICM) 11 Michael Spitzer Graz, 2015/01/22 Teamsketch Architecture – multi peer connection Main screen Login Join sketch New sketch Browser Drawing Store sketchAbort sketch
  • 12. Institute of Information Systems and Computer Media (IICM) 12 Michael Spitzer Graz, 2015/01/22 Teamsketch Multi peer connection Advertiser •  Wants to join a session •  Accepts/declines invitations Browser •  Browses all nearby advertising devices •  Invites to session
  • 13. Institute of Information Systems and Computer Media (IICM) 13 Michael Spitzer Graz, 2015/01/22 Teamsketch Architecture – sketch screen Main screen Login Join sketch New sketch Browser Drawing Store sketchAbort sketch
  • 14. Institute of Information Systems and Computer Media (IICM) 14 Michael Spitzer Graz, 2015/01/22 Teamsketch Sketch screen •  12 colors •  2 stroke widths •  Zoom (2x) •  Line guides
  • 15. Institute of Information Systems and Computer Media (IICM) 15 Michael Spitzer Graz, 2015/01/22 Teamsketch Drawing Algorithms Shown on the blackboard Shapes: •  One touch circle (touchesBegan – touchesEnded) •  Stroke (touchesBegan – touchesMoved – touchesEnded) •  Bezier Segment – cubic Bezier curve
  • 16. Institute of Information Systems and Computer Media (IICM) 16 Michael Spitzer Graz, 2015/01/22 Teamsketch Video demonstration
  • 17. Institute of Information Systems and Computer Media (IICM) 17 Michael Spitzer Graz, 2015/01/22 Teamsketch Web service Requirements: •  Authentication against already existent user management •  Students - Sketch up- and download •  1 profile picture (2 resolutions) •  3 sketches (2 resolutions) •  Teacher – Sketch access (students in class)
  • 18. Institute of Information Systems and Computer Media (IICM) 18 Michael Spitzer Graz, 2015/01/22 Teamsketch Frameworks / architecture •  LAMP •  PHP with SOAP extension •  WSDL
  • 19. Institute of Information Systems and Computer Media (IICM) 19 Michael Spitzer Graz, 2015/01/22 Teamsketch Web interface •  PHP •  SOAP client with WSDL •  HTML •  Smarty template engine (PHP) •  presentation layer •  Compiled (cache) •  Open source
  • 20. Institute of Information Systems and Computer Media (IICM) 20 Michael Spitzer Graz, 2015/01/22 Teamsketch Web interface •  Profile picture (thumbnail) •  Sketches •  Thumbnail •  High resolution download
  • 21. Institute of Information Systems and Computer Media (IICM) 21 Michael Spitzer Graz, 2015/01/22 Teamsketch Field test Primary school – 3rd grade Test setting: •  Teams with 2,3 or 4, members selected by the teacher •  All team members at one big desk (face-to-face communication) •  Heterogenic device network (iPad 2,3,4 and iPad Air)
  • 22. Institute of Information Systems and Computer Media (IICM) 22 Michael Spitzer Graz, 2015/01/22 Teamsketch Test setting x x
  • 23. Institute of Information Systems and Computer Media (IICM) 23 Michael Spitzer Graz, 2015/01/22 Teamsketch Test procedure •  Short introduction •  Group of four è two groups of two •  Sketch topic •  Drawing •  Groups of two merged to group of four •  Sketch topic •  Drawing •  Reflection
  • 24. Institute of Information Systems and Computer Media (IICM) 24 Michael Spitzer Graz, 2015/01/22 Teamsketch Field test evaluation Video: Sketch video (groups of 2,3) Macbook joined active session è video recording Images: Screenshots of the finished sketches Audio: Transcription of children’s discussions while drawing Children’s and teacher’s feedback: Questionnaire
  • 25. Institute of Information Systems and Computer Media (IICM) 25 Michael Spitzer Graz, 2015/01/22 Teamsketch Sketch examples
  • 26. Institute of Information Systems and Computer Media (IICM) 26 Michael Spitzer Graz, 2015/01/22 Teamsketch Field test - lessons learned •  Collaboration •  Some children did not like drawing together •  Felt pen switching process was not intuitive •  Felt pen color change too sensitive •  White felt pen VS rubber •  Zoom function was not used •  Clear sketch issue
  • 27. Institute of Information Systems and Computer Media (IICM) 27 Michael Spitzer Graz, 2015/01/22 Teamsketch Conclusion - challenges •  App programming with new language (beta) •  Literature •  Experience •  Performance •  Time critical multi-threading programming with heterogenic device support (iPad 3) •  Programming for outdated infrastructures •  Interface app çè web service •  User interface for children
  • 28. Institute of Information Systems and Computer Media (IICM) 28 Michael Spitzer Graz, 2015/01/22 Teamsketch Conclusion – Summary þ Collaborative iPad sketch app for 2-4 players with real-time screen updates þ No network infrastructure needed þ Collaborative learning, team work capabilities confirmed during field test
  • 29. Institute of Information Systems and Computer Media (IICM) 29 Michael Spitzer Graz, 2015/01/22 Teamsketch Conclusion - what’s next ? •  Improvement of the app (feedback from field test) •  Presentation at the EdMedia 2015 - World Conference on Educational Media and Technology in Montréal, Québec, Canada (June 2015) •  Development of a commercial collaborative sketch application aimed at designers.
  • 30. Institute of Information Systems and Computer Media (IICM) 30 Michael Spitzer Graz, 2015/01/22 Teamsketch End Thank you! References Dillenbourg, Pierre (1999). Collaborative learning: cognitive and computational approaches. 2nd Revised Edition. Emerald Group Publishing Limited.