Open and Interactive Widgets for STEM - IDPF

8
Open and Interactive Widgets for STEM EDUPUB 2013, October 29, 2013

Transcript of Open and Interactive Widgets for STEM - IDPF

Page 1: Open and Interactive Widgets for STEM - IDPF

Open and Interactive Widgets for STEM EDUPUB 2013, October 29, 2013

Page 2: Open and Interactive Widgets for STEM - IDPF

Page 2

http://www.slideshare.net/gcapiel/edupub-2013-stem-widgets

EPUB 3 is a Website in a Box

Page 3: Open and Interactive Widgets for STEM - IDPF

Page 3

http://www.slideshare.net/gcapiel/edupub-2013-stem-widgets

Let’s Not Repeat Mistakes

●  Accessibility should not be an afterthought

●  Last 10 years have been spent fixing accessibility problems with rich internet applications

●  Let’s spend the next 10 years doing and not asking others to fix

●  Innovate accessibility with everything else

Page 4: Open and Interactive Widgets for STEM - IDPF

Page 4

http://www.slideshare.net/gcapiel/edupub-2013-stem-widgets

STEM Content is the Most Challenging

●  Graphs, charts and infographics ●  Simulations ●  Interactive Number Lines ●  Quizzes and other assessments ●  Software code emulators

●  3D models

Page 5: Open and Interactive Widgets for STEM - IDPF

Page 5

http://www.slideshare.net/gcapiel/edupub-2013-stem-widgets

Building Blocks Exist

Requirements   Technologies  &  Standards  

Interac(vity   JavaScript,  WAI-­‐ARIA  and  IndieUI  (W3C  WG  stage)  

Visual  Rendering  backed  by  Rich  Seman(cs  

SVG  and  MathML  (need  beGer  support  &  APIs)  

Mul(-­‐modal  delivery   Web  Audio,  Web  Speech  APIs  and  Hap(cs  (nascent)  

DEMO TIME!

Needs Innovation

Page 6: Open and Interactive Widgets for STEM - IDPF

Page 6

http://www.slideshare.net/gcapiel/edupub-2013-stem-widgets

SVG Graph Sonification Demo

http://www.youtube.com/watch?v=-Kp0ih1PiAg and http://www.youtube.com/watch?v=Ov-9MiQTMOE

Page 7: Open and Interactive Widgets for STEM - IDPF

Page 7

http://www.slideshare.net/gcapiel/edupub-2013-stem-widgets

Proposal

Widget library for publishers and other creators ●  Open source – ideally commercial friendly

licenses ●  Community driven ●  Born accessible ●  Customizable – ideally just via CSS and

configuration ●  Enables collaboration between content creators,

accessibility experts, educators and practitioners ●  Builds upon existing projects, such as D3 and

jQuery ●  Test cases for browser & reading system

developers

Page 8: Open and Interactive Widgets for STEM - IDPF

Page 8

http://www.slideshare.net/gcapiel/edupub-2013-stem-widgets

Next Steps

●  W3C Community Group –  http://www.w3.org/community/stemwidgets –  ETS, IDRC, Metrodigi, OERPUB, PhET, Wolfram

Research

●  Contributions –  Benetech (http://github.com/benetech/svg-sonifier)

●  Community Management –  Developers –  Outreach and education –  Funding and sponsor needed for this