SlideShare a Scribd company logo
Quan%ta%ve	
  Digital	
  Backchannel:	
  
Developing	
  a	
  Web-­‐Based	
  Audience	
  
Response	
  System	
  for	
  Measuring	
  
Audience	
  Percep%on	
  in	
  Large	
  Lectures	
  	
  
	
  
by	
  Chris)an	
  Haintz	
  
1	
  
Research	
  Ques)on	
  
ì  How	
  to	
  create	
  a	
  	
  quan)ta)ve	
  digital	
  backchannel	
  
with	
  state	
  of	
  the	
  art	
  technology	
  to	
  support	
  agile	
  
teaching	
  in	
  large	
  lectures?	
  
2	
  
Agile	
  Teaching	
  
Students	
   Lecturer	
  
Feedback	
  
adapted	
  lecturing	
  
3	
  
Feedback	
  
Qualita)ve	
   Quan)ta)ve	
  
4	
  
Feedback	
  -­‐	
  Backchannel	
  
Frontchannel	
  
Backchannel	
  
5	
  
84	
  %	
  
Quelle:	
  APA	
  25.4.2013,	
  hPp://oesterreich.orf.at/stories/2581600/	
  	
  
6	
  
Backchannel	
  
7	
  
Requirements	
  
ì  BYOD	
  support	
  
ì  Con)nuous	
  backchannel	
  ac)vity	
  
ì  Ac)ons	
  of	
  students	
  generate	
  visible	
  impact	
  
ì  Maximize	
  informa)on	
  while	
  keeping	
  it	
  simple	
  
ì  …	
  
8	
  
Implementa)on	
  
Application ServerApplication ServerDatabase Server
Application ServerApplication Server
Internet
Client Application Server
Auditor Interface
DB
Application
Interface
MVC Application
Lecturer Interface
MVC Application
DB
DBLoadBalancer
9	
  
Backchannel	
  
10	
  
Dimension	
  Criterias	
  
ì  Understandable	
  to	
  the	
  student	
  
ì  Meaningful	
  to	
  the	
  lecturer	
  
ì  Clear	
  extremums	
  
ì  Values	
  should	
  be	
  expectable	
  to	
  change	
  over	
  )me	
  
11	
  
Dimensions	
  
ì  Happiness	
  
ì  Comprehension	
  
ì  Presenta)on	
  Speed	
  
12	
  
13	
  
Happiness	
  
Comprehension	
  
Speed	
  
14	
  
15	
  
16	
  
Findings	
  
ì  75%	
  Par)cipa)on	
  (~100	
  Students)	
  
ì  BYOD	
  (21	
  Screen	
  Res.,	
  5	
  OSs,	
  18	
  OS	
  Versions,	
  8	
  
Browser)	
  
ì  Maximize	
  meaningful	
  informa)on	
  
ì  35%	
  in	
  between	
  of	
  extrema	
  and	
  neutral	
  posi)on	
  
ì  Con)nuous	
  Ac)vity	
  
ì  Ac)vity	
  decreases	
  significantly	
  over	
  )me	
  
17	
  
Conclusion	
  
ì  Dimensions	
  
ì  BYOD	
  
ì  User	
  Experience	
  
ì  Mo)va)on	
  to	
  par)cipate	
  
ì  Informa)on	
  visualiza)on	
  crucial	
  for	
  lecturer	
  
How	
  to	
  create	
  a	
  	
  quan)ta)ve	
  digital	
  
backchannel	
  with	
  state	
  of	
  the	
  art	
  technology	
  
to	
  support	
  agile	
  teaching	
  in	
  large	
  lectures?	
  
18	
  
Thank	
  you!	
  
Chris)an	
  Haintz	
  
chris)an.haintz@cnc.io	
  
19	
  
20	
  
21	
  
Agile	
  Development	
  Cycle	
  
ì  1.	
  Planning	
  
2.	
  Requirements	
  
3.	
  Analysis	
  &	
  Design	
  
4.	
  Implementa)on	
  
5.	
  Tes)ng	
  and	
  Evalua)on	
  	
  
22	
  
11	
  Requirements	
  
1.  Constant	
  and	
  con)nuous	
  ac)vity	
  
2.  Reduce	
  distrac)on	
  
3.  Usability	
  
4.  Simplicity	
  
5.  Support	
  BYOD	
  policy	
  
6.  Responsive	
  Design	
  
7.  Auditor	
  impact	
  
8.  Reduce	
  informa)on	
  
9.  Cross-­‐plaiorm	
  capabili)es	
  
10.  Interna)onaliza)on	
  
11.  Maximize	
  meaningful	
  informa)on	
  
23	
  
24	
  
Avatar	
  -­‐	
  Image	
  Sprites	
  	
  
25	
  
1.	
  Prototypes	
  for	
  Collec)ve	
  Percep)on	
  
26	
  
User	
  Experience	
  Problem	
  
27	
  
Data	
  Structure	
  (JSON)	
  
28	
  
Facts	
  -­‐	
  Test	
  Lecture	
  
29	
  
Raw	
  Data	
  -­‐	
  Test	
  Lecture	
  
30	
  
31	
  
Ac)vity	
  
Test	
  
Lecture	
  
Auditor	
  Votes	
  Histogram	
  –	
  Test	
  Lecture	
  
32	
  
12.0%
47.9%
23.9%
10.3%
6.0%
0.0%
10.0%
20.0%
30.0%
40.0%
50.0%
60.0%
70.0%
0% 1,10% 11,20% 21,30% >30%
%"auditors"
#"votes"
Auditor"Votes"Histogram"
Aging	
  
33	
  !30$
!20$
!10$
0$
10$
20$
30$
40$
50$
0$ 2$ 4$ 6$ 8$ 10$ 12$ 14$ 16$ 18$ 20$ 22$ 24$ 26$ 28$ 30$ 32$ 34$ 36$ 38$ 40$
value&[%]&
*me&[minutes]&
Different&Aging&Approaches&
speed$(no$aging)$ speed$(linear$aging)$ speed$(quadra:c$aging)$
0.1
0.2
0.3
0.4
0.5
0.6
0.7
0.8
0.9
1.0
10 2 3 4 5 6 7 8 9
value
age [minutes]
Laptops'
65%'
Devices'
Mobile'
Devices'
35%'
'
Sta)s)cs	
  Test	
  Lecture	
  
34	
  
1.2$ 1.2$
2.4$
3.6$ 3.6$
1.2$
3.6$
2.4$
1.2$ 1.2$ 1.2$
10.8$
1.2$ 1.2$
13.3$
16.9$
7.2$
8.4$
6.0$
7.2$
4.8$
0.0$
2.0$
4.0$
6.0$
8.0$
10.0$
12.0$
14.0$
16.0$
18.0$
20.0$
240x320$320x344$320x480$320x568$360x592$360x640$480x800$601x906$640x360$
720x1230$
720x1280$
768x1024$
1100x2100$
1280x720$
1280x800$
1366x768$
1440x900$
1600x900$
1680x1050$
1920x1080$
1920x1200$
visits%[%]% Screen%Resolu2on%
43.4$
24.1$
19.3$
6.0$
3.6$
1.2$ 1.2$ 1.2$
0.0$
5.0$
10.0$
15.0$
20.0$
25.0$
30.0$
35.0$
40.0$
45.0$
50.0$
Chrome$ Firefox$ Safari$ Android$
Browser$
Opera$ Internet$
Explorer$
Mozilla$
CompaEble$
Agent$
Safari$(inI
app)$
visits%[%]% Browser%
7"
8"
Vista"
XP"
x86_64"
i686"
10.8"
10.7"
10.6"
4.2.2"
4.1.x"
4.0.x"
2.3.x"
2.1.x"
6.1.x"
6.0.x"
5.0.x"
5.1.x"
0.0"
5.0"
10.0"
15.0"
20.0"
25.0"
30.0"
35.0"
Windows" Macintosh" Android" iOS" Linux"
visits%[%]% Opera.ng%System%Versions%

More Related Content

PPTX
Building Effective Visualization Shiny WVF
PDF
The power of unstructured data: Recommendation systems
PPTX
HICSS ATLT: Advances in Teaching and Learning Technologies
PPTX
If a picture is worth a thousand words, Interactive data visualizations are w...
DOCX
Bill Resume Final Final 4.6.15
PDF
Relevant Information and Information Visualization for Lecturers in Web­‐Base...
PDF
Utilizing New Technologies for the Improvement of Problem Based Learning in M...
PDF
Umfragen auf mobilen Endgeräten
Building Effective Visualization Shiny WVF
The power of unstructured data: Recommendation systems
HICSS ATLT: Advances in Teaching and Learning Technologies
If a picture is worth a thousand words, Interactive data visualizations are w...
Bill Resume Final Final 4.6.15
Relevant Information and Information Visualization for Lecturers in Web­‐Base...
Utilizing New Technologies for the Improvement of Problem Based Learning in M...
Umfragen auf mobilen Endgeräten

Viewers also liked (6)

PDF
Learning Analytics Eine Feldstudie zum Einsatz von Learning-Analytics-Applika...
PDF
A Contribution to Collaborative Learning Using iPads for School Children
PDF
Smartphone based indoor navigation
PDF
Verteidigung Masterarbeit
PPT
Verteidigung der MasterThesis
PPT
Bachelor\'s Thesis Presentation
Learning Analytics Eine Feldstudie zum Einsatz von Learning-Analytics-Applika...
A Contribution to Collaborative Learning Using iPads for School Children
Smartphone based indoor navigation
Verteidigung Masterarbeit
Verteidigung der MasterThesis
Bachelor\'s Thesis Presentation
Ad

Similar to Quantitative Digital Backchannel: Developing a Web-Based Audience Response System for Measuring Audience Perception in Large Lectures (20)

PDF
Designing a Mobile Digital Backchannel System for Monitoring Sentiments and E...
PDF
Delivering Meaningful Digital Experiences in Higher Ed
PDF
The Agile University
PDF
ICS3211_lecture 03 2023.pdf
PDF
Making the grade: do AU students and administrators rate their experience the...
PDF
Digital and Higher-Ed
PPTX
YU Connect student affairs symposium july 11
PDF
HueDecide: A lecture voting system augmented by IoT
PPT
Are You Behind the 8 Ball-- or Ahead of the Curve?
PPT
Smart document sharing application presentation(stufac connect)
PDF
Upgrad industry project part 2
PDF
Trinity Impulse - Event Aggregation to Increase Stundents Awareness of Events...
PDF
Campus Insights Description Deck
PDF
React based fullstack edtech web application
PPT
Learn3-Valladolid-MarPerezSanagustin
PDF
Analysing students' digital experience: personas and key drivers
PPTX
Mind the Gap: Bridging the Research–Practice Divide
PDF
Interaction Design Beyond Human Computer Interaction 5th Edition Sharp
PDF
UX Strategy and Lean UX
PPTX
sds_presentation for engineering student for final year
Designing a Mobile Digital Backchannel System for Monitoring Sentiments and E...
Delivering Meaningful Digital Experiences in Higher Ed
The Agile University
ICS3211_lecture 03 2023.pdf
Making the grade: do AU students and administrators rate their experience the...
Digital and Higher-Ed
YU Connect student affairs symposium july 11
HueDecide: A lecture voting system augmented by IoT
Are You Behind the 8 Ball-- or Ahead of the Curve?
Smart document sharing application presentation(stufac connect)
Upgrad industry project part 2
Trinity Impulse - Event Aggregation to Increase Stundents Awareness of Events...
Campus Insights Description Deck
React based fullstack edtech web application
Learn3-Valladolid-MarPerezSanagustin
Analysing students' digital experience: personas and key drivers
Mind the Gap: Bridging the Research–Practice Divide
Interaction Design Beyond Human Computer Interaction 5th Edition Sharp
UX Strategy and Lean UX
sds_presentation for engineering student for final year
Ad

More from Educational Technology (20)

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

Recently uploaded (20)

PPTX
Lesson notes of climatology university.
PDF
احياء السادس العلمي - الفصل الثالث (التكاثر) منهج متميزين/كلية بغداد/موهوبين
DOC
Soft-furnishing-By-Architect-A.F.M.Mohiuddin-Akhand.doc
PDF
A systematic review of self-coping strategies used by university students to ...
PPTX
Final Presentation General Medicine 03-08-2024.pptx
PDF
SOIL: Factor, Horizon, Process, Classification, Degradation, Conservation
PPTX
UNIT III MENTAL HEALTH NURSING ASSESSMENT
PPTX
History, Philosophy and sociology of education (1).pptx
PDF
ChatGPT for Dummies - Pam Baker Ccesa007.pdf
PPTX
Tissue processing ( HISTOPATHOLOGICAL TECHNIQUE
PPTX
Cell Types and Its function , kingdom of life
PDF
What if we spent less time fighting change, and more time building what’s rig...
PDF
1_English_Language_Set_2.pdf probationary
PDF
Chinmaya Tiranga quiz Grand Finale.pdf
PPTX
Final Presentation General Medicine 03-08-2024.pptx
PDF
Complications of Minimal Access Surgery at WLH
PDF
OBE - B.A.(HON'S) IN INTERIOR ARCHITECTURE -Ar.MOHIUDDIN.pdf
PPTX
Unit 4 Skeletal System.ppt.pptxopresentatiom
PPTX
Introduction to Building Materials
PDF
Trump Administration's workforce development strategy
Lesson notes of climatology university.
احياء السادس العلمي - الفصل الثالث (التكاثر) منهج متميزين/كلية بغداد/موهوبين
Soft-furnishing-By-Architect-A.F.M.Mohiuddin-Akhand.doc
A systematic review of self-coping strategies used by university students to ...
Final Presentation General Medicine 03-08-2024.pptx
SOIL: Factor, Horizon, Process, Classification, Degradation, Conservation
UNIT III MENTAL HEALTH NURSING ASSESSMENT
History, Philosophy and sociology of education (1).pptx
ChatGPT for Dummies - Pam Baker Ccesa007.pdf
Tissue processing ( HISTOPATHOLOGICAL TECHNIQUE
Cell Types and Its function , kingdom of life
What if we spent less time fighting change, and more time building what’s rig...
1_English_Language_Set_2.pdf probationary
Chinmaya Tiranga quiz Grand Finale.pdf
Final Presentation General Medicine 03-08-2024.pptx
Complications of Minimal Access Surgery at WLH
OBE - B.A.(HON'S) IN INTERIOR ARCHITECTURE -Ar.MOHIUDDIN.pdf
Unit 4 Skeletal System.ppt.pptxopresentatiom
Introduction to Building Materials
Trump Administration's workforce development strategy

Quantitative Digital Backchannel: Developing a Web-Based Audience Response System for Measuring Audience Perception in Large Lectures

  • 1. Quan%ta%ve  Digital  Backchannel:   Developing  a  Web-­‐Based  Audience   Response  System  for  Measuring   Audience  Percep%on  in  Large  Lectures       by  Chris)an  Haintz   1  
  • 2. Research  Ques)on   ì  How  to  create  a    quan)ta)ve  digital  backchannel   with  state  of  the  art  technology  to  support  agile   teaching  in  large  lectures?   2  
  • 3. Agile  Teaching   Students   Lecturer   Feedback   adapted  lecturing   3  
  • 4. Feedback   Qualita)ve   Quan)ta)ve   4  
  • 5. Feedback  -­‐  Backchannel   Frontchannel   Backchannel   5  
  • 6. 84  %   Quelle:  APA  25.4.2013,  hPp://oesterreich.orf.at/stories/2581600/     6  
  • 8. Requirements   ì  BYOD  support   ì  Con)nuous  backchannel  ac)vity   ì  Ac)ons  of  students  generate  visible  impact   ì  Maximize  informa)on  while  keeping  it  simple   ì  …   8  
  • 9. Implementa)on   Application ServerApplication ServerDatabase Server Application ServerApplication Server Internet Client Application Server Auditor Interface DB Application Interface MVC Application Lecturer Interface MVC Application DB DBLoadBalancer 9  
  • 11. Dimension  Criterias   ì  Understandable  to  the  student   ì  Meaningful  to  the  lecturer   ì  Clear  extremums   ì  Values  should  be  expectable  to  change  over  )me   11  
  • 12. Dimensions   ì  Happiness   ì  Comprehension   ì  Presenta)on  Speed   12  
  • 13. 13  
  • 15. 15  
  • 16. 16  
  • 17. Findings   ì  75%  Par)cipa)on  (~100  Students)   ì  BYOD  (21  Screen  Res.,  5  OSs,  18  OS  Versions,  8   Browser)   ì  Maximize  meaningful  informa)on   ì  35%  in  between  of  extrema  and  neutral  posi)on   ì  Con)nuous  Ac)vity   ì  Ac)vity  decreases  significantly  over  )me   17  
  • 18. Conclusion   ì  Dimensions   ì  BYOD   ì  User  Experience   ì  Mo)va)on  to  par)cipate   ì  Informa)on  visualiza)on  crucial  for  lecturer   How  to  create  a    quan)ta)ve  digital   backchannel  with  state  of  the  art  technology   to  support  agile  teaching  in  large  lectures?   18  
  • 19. Thank  you!   Chris)an  Haintz   chris)an.haintz@cnc.io   19  
  • 20. 20  
  • 21. 21  
  • 22. Agile  Development  Cycle   ì  1.  Planning   2.  Requirements   3.  Analysis  &  Design   4.  Implementa)on   5.  Tes)ng  and  Evalua)on     22  
  • 23. 11  Requirements   1.  Constant  and  con)nuous  ac)vity   2.  Reduce  distrac)on   3.  Usability   4.  Simplicity   5.  Support  BYOD  policy   6.  Responsive  Design   7.  Auditor  impact   8.  Reduce  informa)on   9.  Cross-­‐plaiorm  capabili)es   10.  Interna)onaliza)on   11.  Maximize  meaningful  informa)on   23  
  • 24. 24  
  • 25. Avatar  -­‐  Image  Sprites     25  
  • 26. 1.  Prototypes  for  Collec)ve  Percep)on   26  
  • 29. Facts  -­‐  Test  Lecture   29  
  • 30. Raw  Data  -­‐  Test  Lecture   30  
  • 31. 31   Ac)vity   Test   Lecture  
  • 32. Auditor  Votes  Histogram  –  Test  Lecture   32   12.0% 47.9% 23.9% 10.3% 6.0% 0.0% 10.0% 20.0% 30.0% 40.0% 50.0% 60.0% 70.0% 0% 1,10% 11,20% 21,30% >30% %"auditors" #"votes" Auditor"Votes"Histogram"
  • 33. Aging   33  !30$ !20$ !10$ 0$ 10$ 20$ 30$ 40$ 50$ 0$ 2$ 4$ 6$ 8$ 10$ 12$ 14$ 16$ 18$ 20$ 22$ 24$ 26$ 28$ 30$ 32$ 34$ 36$ 38$ 40$ value&[%]& *me&[minutes]& Different&Aging&Approaches& speed$(no$aging)$ speed$(linear$aging)$ speed$(quadra:c$aging)$ 0.1 0.2 0.3 0.4 0.5 0.6 0.7 0.8 0.9 1.0 10 2 3 4 5 6 7 8 9 value age [minutes]
  • 34. Laptops' 65%' Devices' Mobile' Devices' 35%' ' Sta)s)cs  Test  Lecture   34   1.2$ 1.2$ 2.4$ 3.6$ 3.6$ 1.2$ 3.6$ 2.4$ 1.2$ 1.2$ 1.2$ 10.8$ 1.2$ 1.2$ 13.3$ 16.9$ 7.2$ 8.4$ 6.0$ 7.2$ 4.8$ 0.0$ 2.0$ 4.0$ 6.0$ 8.0$ 10.0$ 12.0$ 14.0$ 16.0$ 18.0$ 20.0$ 240x320$320x344$320x480$320x568$360x592$360x640$480x800$601x906$640x360$ 720x1230$ 720x1280$ 768x1024$ 1100x2100$ 1280x720$ 1280x800$ 1366x768$ 1440x900$ 1600x900$ 1680x1050$ 1920x1080$ 1920x1200$ visits%[%]% Screen%Resolu2on% 43.4$ 24.1$ 19.3$ 6.0$ 3.6$ 1.2$ 1.2$ 1.2$ 0.0$ 5.0$ 10.0$ 15.0$ 20.0$ 25.0$ 30.0$ 35.0$ 40.0$ 45.0$ 50.0$ Chrome$ Firefox$ Safari$ Android$ Browser$ Opera$ Internet$ Explorer$ Mozilla$ CompaEble$ Agent$ Safari$(inI app)$ visits%[%]% Browser% 7" 8" Vista" XP" x86_64" i686" 10.8" 10.7" 10.6" 4.2.2" 4.1.x" 4.0.x" 2.3.x" 2.1.x" 6.1.x" 6.0.x" 5.0.x" 5.1.x" 0.0" 5.0" 10.0" 15.0" 20.0" 25.0" 30.0" 35.0" Windows" Macintosh" Android" iOS" Linux" visits%[%]% Opera.ng%System%Versions%