0
Enabling accessible multimedia for Moodle Nick Freear, The Open University/ maltwiki.org iMoot/A-10, Thu 4 February 2010 2...
I have a stammer <ul><ul><li>Ask me to repeat if you miss something.  </li></ul></ul><ul><li>  </li></ul><ul><ul><li>And p...
Agenda <ul><ul><li>Introduce me </li></ul></ul><ul><ul><li>Questions/ polls/ statistics </li></ul></ul><ul><ul><li>Define ...
Jennie Lee building, Milton Keynes  nogbad/Flickr
?  Hands up  ? <ul><ul><li>Who here is a teacher? A developer-technologist? </li></ul></ul><ul><li>  </li></ul><ul><ul><li...
Statistics <ul><ul><li>Hearing impairments - about 278 million people world wide, World Health Org. </li></ul></ul><ul><li...
  <ul><li>&quot;Basic web accessibility is a known commodity now... </li></ul><ul><li>  </li></ul><ul><li>But nearly ten y...
* Accessible multimedia in e-learning  <ul><li>TILE Project: Adaptive Technology Resource Centre, University of Toronto (h...
* EU4ALL project <ul><li>OU, UNED, Atos Origin, York University ... many others!  </li></ul><ul><li>http://www.eu4all-proj...
( Gratuitous logos ) iTunes U
Definitions <ul><ul><li>Captions </li></ul></ul><ul><ul><ul><li>Sub-titles, closed captions (transcript) </li></ul></ul></...
Accessibility in Moodle <ul><ul><li>Moodle 1.6 </li></ul></ul><ul><ul><ul><li>1st OU - core, side blocks, standard theme+,...
Current state <ul><ul><li>YouTube (captions *), Easy YouTube, Vimeo (annotate) ... </li></ul></ul><ul><ul><li>UToronto, AT...
Doesn't YouTube do captions? <ul><li>Yes, captions and annotations, since August 2008. However: </li></ul><ul><li>  </li><...
Introducing MALT Wiki <ul><li>Multimedia Alternatives Wiki </li></ul><ul><ul><li>Wiki </li></ul></ul><ul><ul><li>Web servi...
Wiki <ul><ul><li>Wikipedia, Open Streetmap, Project Gutenberg, Librivox, talking newspapers, dotSUB </li></ul></ul><ul><ul...
Automatic + human captioning? <ul><li>MIT Speech Language Group/ SpokenLecture  </li></ul><ul><ul><li>http://web.sls.csail...
dotSUB.com - transcribing <ul><li>  </li></ul>
Web service / API / Player <ul><ul><li>oEmbed </li></ul></ul><ul><li>http://maltwiki.org/oembed?url=__&format=json&theme=_...
oEmbed <ul><ul><li>&quot; ...An Open Format Every Developer Should Know About &quot;, viralpatel 2010 </li></ul></ul><ul><...
View 'in-situ' - client-side <ul><li>(OLnet) </li></ul>
View 'in-situ' - server-side <ul><li>  </li></ul>
Player features  <ul><ul><li>Keyboard accessible player(s) </li></ul></ul><ul><ul><ul><li>uses Flowplayer, YouTube; suppor...
Personalization <ul><li><iframe>  - Title </li></ul><ul><li>   </li></ul><ul><li>Flowplayer-based (GPL) </li></ul><ul><li>...
Demonstrations <ul><ul><li>(Easy YouTube - C Heilmann)  </li></ul></ul><ul><li>  </li></ul><ul><ul><li>Personalization </l...
OLnet / Cohere <ul><li>Open Learning Network - researching open educational resources/open courseware,  OLnet.org  (Drupal...
Wordpress 2.9.x - 1 line! <ul><li>Substitute MALT Wiki as the YouTube provider: </li></ul><ul><li>  </li></ul><ul><ul><li>...
Wordle - project  keywords
Flash 'wmode' is harmful <ul><ul><li>Default - OK: </li></ul></ul><ul><li><object data=&quot;player.swf&quot;> </li></ul><...
Next steps <ul><ul><li>Fully support oEmbed standard, custom theme... </li></ul></ul><ul><ul><li>Add YouTube-based player ...
Upcoming SlideShare
Loading in...5
×

Enabling accessible multimedia for Moodle: iMoot 2010

2,018

Published on

My slides for tomorrow's session at the online conference for the Moodle e-learning platform.
Session A-10 - http://imoot.org
(first draft ;)

Published in: Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,018
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
32
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • Web site: http://maltwiki.org Conference: http://imoot.org Twitter @nfreear #maltwiki #imoot2010  
  • http://stammering.org
  • Photo, http://flickr.com/photos/nogbad/2975975670/
  • WHO, http://www.who.int/mediacentre/factsheets/fs300/en/ http://22frames.com/aboutus.aspx  http://www.who.int/mediacentre/factsheets/fs282/en/
  • TILE Project: Adaptive Technology Resource Centre, University of Toronto  http://inclusivelearning.ca Early implementation of content personalisation standards that map user preferences to content served .   Not held in a learning management system Reusable Learning Object Repository for Educators Videos with captions &amp; audio descriptions     Stretch Project (ATRC, University of Toronto) http://stretch.atrc.utoronto.ca Project &apos;stretched&apos; perceptions of artists and art students to be more inclusive of people with disabilities  Participants produced numerous examples of cultural works that include multiple sensory modalities and a gallery of works on the theme of inclusion Provided tools to new media artists for adding descriptions, captions and alternative video  
  • Pulled from: http://docs.moodle.org/en/Accessibility_notes   Discussion of Randall Hansen/CANnect study - http://moodle.org/mod/forum/discuss.php?d=134143 http://randall.test.opensourcery.com/clients/cannect/  MDL-12298 - 14 sub-tasks + 7 dependencies.
  • Preece, Jennifer &amp; Shneiderman, Ben (2009) &amp;quot;The Reader-to-Leader Framework: Motivating Technology-Mediated Social Participation&amp;quot;
  • http://web.sls.csail.mit.edu/lectures/ MIT&apos;s Computer Science and Artificial Intelligence Lab (CSAIL) are developing a system that will automatically transcribe lecture videos. They will showcase lectures that are part of MIT&apos;s OpenCourseWare initiative, http://ocw.mit.edu/ and, Provide a service where users can upload audio files for automatic transcription.
  • Caption editor - Creative Commons licences http://dotSUB.com
  • The standard, http://oembed.com Proxies, http://oohembed.com   http://viralpatel.net/blogs/2010/01/oembed-open-format-web-developers.html   http://ajaxian.com/archives/oembed-makes-embedding-third-party-videos-and-images-a-breeze
  • Full story: http://freear.org.uk/node/25
  • Flowplayer, http://flowplayer.org Personalize, http://maltwiki.org/frame?demo=1&amp;url=http%3A//youtube.com/watch%3Fv%3Dgrqt3HoLOIA  Easy YouTube/ Chris Heilmann, http://icant.co.uk/easy-youtube/?http://www.youtube.com/watch?v=grqt3HoLOIA
  • Easy YouTube/ Chris Heilmann, http://icant.co.uk/easy-youtube/?http://www.youtube.com/watch?v=grqt3HoLOIA Cloudworks, http://cloudworks.ac.uk
  • http://olnet.org http://cohere.open.ac.uk http://olnet.org/node/142 http://drupal.org
  • http://viper007bond.com/2009/10/13/easy-embeds-for-wordpress-2-point-9/ http://codex.wordpress.org/Embeds
  • co-create, subtitle, data portability, crowd source, alternative format, accessibility, annotate, usability, audio description, social production, podcast, multimedia, iTunesU, mentor, community, develop, YouTube, caption, open content, transcribe, Video, Wiki, plug-in, participate, free software, in-situ, web service, social-karma.
  • Full explanation: http://freear.org.uk/node/22 Moodle bug: http://tracker.moodle.org/browse/MDL-21491
  • Web site: http://maltwiki.org Twitter @nfreear #maltwiki #imoot2010 http://creativecommons.org/licenses/by-nc-sa/2.0/uk/
  • Transcript of "Enabling accessible multimedia for Moodle: iMoot 2010"

    1. 1. Enabling accessible multimedia for Moodle Nick Freear, The Open University/ maltwiki.org iMoot/A-10, Thu 4 February 2010 23:00 (Perth)...
    2. 2. I have a stammer <ul><ul><li>Ask me to repeat if you miss something. </li></ul></ul><ul><li>  </li></ul><ul><ul><li>And please ask questions (mostly at the end)! </li></ul></ul><ul><li>  </li></ul><ul><li>  </li></ul><ul><li>  </li></ul><ul><li>  </li></ul><ul><li>  </li></ul><ul><li>  </li></ul><ul><li>  </li></ul><ul><li>stammering.org </li></ul>
    3. 3. Agenda <ul><ul><li>Introduce me </li></ul></ul><ul><ul><li>Questions/ polls/ statistics </li></ul></ul><ul><ul><li>Define terms - accessibility, captions, audio description... </li></ul></ul><ul><ul><li>Accessibility in Moodle - importance for teaching </li></ul></ul><ul><ul><li>Current state of multimedia accessibility. </li></ul></ul><ul><ul><li>A solution - MALT Wiki project </li></ul></ul><ul><ul><li>2 strands - Wiki; web service/ player. </li></ul></ul><ul><ul><li>Wiki - social collaboration </li></ul></ul><ul><ul><li>Automatic + human captioning </li></ul></ul><ul><ul><li>Web service/player - features </li></ul></ul><ul><ul><li>Introducing oEmbed </li></ul></ul><ul><ul><li>The player </li></ul></ul><ul><ul><li>Plugins - browser  / Plugins - server (client) </li></ul></ul><ul><ul><li>* Demonstrations * </li></ul></ul>
    4. 4. Jennie Lee building, Milton Keynes nogbad/Flickr
    5. 5. ?  Hands up  ? <ul><ul><li>Who here is a teacher? A developer-technologist? </li></ul></ul><ul><li>  </li></ul><ul><ul><li>Who embeds YouTube, Flickr etc. in blogs, courses? </li></ul></ul>
    6. 6. Statistics <ul><ul><li>Hearing impairments - about 278 million people world wide, World Health Org. </li></ul></ul><ul><li>  </li></ul><ul><ul><ul><li>8.95 mill. in UK, RNID. </li></ul></ul></ul><ul><li>  </li></ul><ul><ul><li>Visual impairments - about 314 million (45 mill. blind), WHO. </li></ul></ul><ul><li>  </li></ul><ul><li>  </li></ul><ul><ul><li>Plus... learning foreign languages/ watching video in foreign language/ noisy environments... </li></ul></ul>
    7. 7.   <ul><li>&quot;Basic web accessibility is a known commodity now... </li></ul><ul><li>  </li></ul><ul><li>But nearly ten years after specifications first required it, online captioning still pretty much does not exist.&quot; </li></ul><ul><li>  </li></ul><ul><li>Joe Clark, A List Apart , November 2008. </li></ul>
    8. 8. * Accessible multimedia in e-learning <ul><li>TILE Project: Adaptive Technology Resource Centre, University of Toronto (http://inclusivelearning.ca) </li></ul><ul><li>  </li></ul><ul><ul><li>content personalisation </li></ul></ul><ul><ul><li>videos with captions & audio descriptions </li></ul></ul><ul><li>  </li></ul><ul><li>  </li></ul><ul><li>  </li></ul><ul><li>  </li></ul><ul><li>  </li></ul><ul><li>STRETCH Project: Uni Toronto (http://stretch.atrc.utoronto.ca) </li></ul><ul><ul><li>&quot;stretched&quot; artists, tools, multi-sensory </li></ul></ul>
    9. 9. * EU4ALL project <ul><li>OU, UNED, Atos Origin, York University ... many others! </li></ul><ul><li>http://www.eu4all-project.eu </li></ul><ul><li>  </li></ul><ul><ul><li>  Content personalisation  &quot; I'd prefer the video with audio descriptions please! &quot; </li></ul></ul><ul><ul><ul><li>Alternatives for videos in the standards include captions, audio descriptions, sign language interpretations, transcripts </li></ul></ul></ul><ul><li>  </li></ul><ul><ul><li>AD:  http://eu4all.open.ac.uk/eu4all/mod/resource/view.php?id=75 ) </li></ul></ul><ul><li>     </li></ul>
    10. 10. ( Gratuitous logos ) iTunes U
    11. 11. Definitions <ul><ul><li>Captions </li></ul></ul><ul><ul><ul><li>Sub-titles, closed captions (transcript) </li></ul></ul></ul><ul><ul><ul><li>Style to indicate speaker </li></ul></ul></ul><ul><li>  </li></ul><ul><ul><li>Audio Description </li></ul></ul><ul><ul><ul><li>Described video </li></ul></ul></ul><ul><li>  </li></ul><ul><ul><li>Annotations </li></ul></ul>
    12. 12. Accessibility in Moodle <ul><ul><li>Moodle 1.6 </li></ul></ul><ul><ul><ul><li>1st OU - core, side blocks, standard theme+, weekscss format, calendar. </li></ul></ul></ul><ul><ul><li>M 1.7 </li></ul></ul><ul><ul><ul><li>OU - Breadcrumb, side blocks. </li></ul></ul></ul><ul><ul><li>M 1.8 </li></ul></ul><ul><ul><ul><li>OU/Italy-funded - Quickforms - MDL-7396 , MDL-7860 . </li></ul></ul></ul><ul><ul><li>M 1.9 </li></ul></ul><ul><ul><ul><li>OU - MDL-12298 </li></ul></ul></ul><ul><ul><ul><li>1.9.5 - Randall Hansen/CANnect - MDL-20409 9% </li></ul></ul></ul><ul><ul><li>Moodle 2 - ?? </li></ul></ul><ul><li>  </li></ul><ul><li>docs.moodle.org/en/Accessibility_notes </li></ul>
    13. 13. Current state <ul><ul><li>YouTube (captions *), Easy YouTube, Vimeo (annotate) ... </li></ul></ul><ul><ul><li>UToronto, ATRC - TILE (personalize), Stretch ... </li></ul></ul><ul><ul><li>Europe - EU4ALL (personalize) ... </li></ul></ul><ul><ul><li>Open University - routinely transcribe course video, not captioned </li></ul></ul><ul><li>  </li></ul><ul><ul><li>Moodle - filters (YouTube...), no captions </li></ul></ul>
    14. 14. Doesn't YouTube do captions? <ul><li>Yes, captions and annotations, since August 2008. However: </li></ul><ul><li>  </li></ul><ul><ul><li>Only the video owner can upload/ author </li></ul></ul><ul><ul><li>No editor </li></ul></ul><ul><ul><li>Captions can not be styled </li></ul></ul><ul><ul><li>Not open content  </li></ul></ul><ul><li>  </li></ul><ul><ul><li>Only approximately 0.5% of YouTube videos are captioned (an automated search on a small corpus of 34 words - needs more work). </li></ul></ul>
    15. 15. Introducing MALT Wiki <ul><li>Multimedia Alternatives Wiki </li></ul><ul><ul><li>Wiki </li></ul></ul><ul><ul><li>Web service/ API/ Player </li></ul></ul>
    16. 16. Wiki <ul><ul><li>Wikipedia, Open Streetmap, Project Gutenberg, Librivox, talking newspapers, dotSUB </li></ul></ul><ul><ul><li>Open, collaborative, &quot;history&quot; </li></ul></ul><ul><ul><li>Motivation - feedback, recognition/ reputation, social/ community, mentoring </li></ul></ul><ul><li>  </li></ul><ul><ul><li>Captions, audio description, annotations - multi-linugal </li></ul></ul><ul><li>  </li></ul><ul><li>  </li></ul><ul><li>( Logos ) </li></ul>
    17. 17. Automatic + human captioning? <ul><li>MIT Speech Language Group/ SpokenLecture </li></ul><ul><ul><li>http://web.sls.csail.mit.edu/lectures/ </li></ul></ul><ul><ul><li>Lecture browser + a service </li></ul></ul><ul><ul><li>Service will work best for series </li></ul></ul><ul><li>Interesting - if humans are willing to edit machine-captions </li></ul><ul><ul><li>cf. Google Translate, Babelfish + professional translator. </li></ul></ul>
    18. 18. dotSUB.com - transcribing <ul><li>  </li></ul>
    19. 19. Web service / API / Player <ul><ul><li>oEmbed </li></ul></ul><ul><li>http://maltwiki.org/oembed?url=__&format=json&theme=__&lang=__ ... ? </li></ul><ul><ul><li>jQuery </li></ul></ul><ul><li>http://maltwiki.org/scripts/jquery.oembed.js </li></ul><ul><li>  </li></ul><ul><li>. </li></ul>
    20. 20. oEmbed <ul><ul><li>&quot; ...An Open Format Every Developer Should Know About &quot;, viralpatel 2010 </li></ul></ul><ul><li>  </li></ul><ul><ul><li>&quot; oEmbed makes embedding third party videos and images a breeze &quot;, heilmann/ ajaxian 2008 </li></ul></ul><ul><li>  </li></ul><ul><ul><li>Simple, extensible standard - REST, JSON, XML. </li></ul></ul><ul><ul><li>YouTube, Flickr, Slideshare, Vimeo, Qik, Viddler, Blip, Hulu ... </li></ul></ul><ul><ul><li>  Open Uni - YouTube/MALT Wiki, Cohere (OLnet), Mathtran </li></ul></ul><ul><li>  </li></ul><ul><ul><li>  Example syntax for jQuery filter: </li></ul></ul><ul><li><a class=&quot;embed&quot; href=&quot;http://youtube.com/watch?v=UniQueId&quot;>Some text</a> </li></ul><ul><li>  . </li></ul>
    21. 21. View 'in-situ' - client-side <ul><li>(OLnet) </li></ul>
    22. 22. View 'in-situ' - server-side <ul><li>  </li></ul>
    23. 23. Player features <ul><ul><li>Keyboard accessible player(s) </li></ul></ul><ul><ul><ul><li>uses Flowplayer, YouTube; supports YouTube </li></ul></ul></ul><ul><ul><ul><li>Flash + HTML, Javascript, CSS </li></ul></ul></ul><ul><li>  </li></ul><ul><ul><li>Captions where available - styled for speaker </li></ul></ul><ul><ul><li>Experimental meta-data/ contribute/ personalization panel </li></ul></ul><ul><ul><li>Localized UI  </li></ul></ul><ul><ul><ul><li>English, French, Spanish (latin) , Chinese (simplified) </li></ul></ul></ul><ul><ul><li>Experimental user Javascript for YouTube </li></ul></ul><ul><ul><li>REST-ful oEmbed web service </li></ul></ul><ul><ul><ul><li>jQuery, Wordpress, Drupal... Moodle integrations </li></ul></ul></ul><ul><li>  </li></ul><ul><li>Demo later! </li></ul>
    24. 24. Personalization <ul><li><iframe> - Title </li></ul><ul><li>  </li></ul><ul><li>Flowplayer-based (GPL) </li></ul><ul><li>Captions - styled </li></ul><ul><li>  </li></ul><ul><li>HTML-JS controls </li></ul><ul><li>Contribute </li></ul><ul><li>Meta-data </li></ul><ul><li>Personalize </li></ul>
    25. 25. Demonstrations <ul><ul><li>(Easy YouTube - C Heilmann) </li></ul></ul><ul><li>  </li></ul><ul><ul><li>Personalization </li></ul></ul><ul><ul><li>YouTube.com - Greasemonkey script, alpha </li></ul></ul><ul><li>  </li></ul><ul><ul><li>Moodle - filter, jQuery, alpha. </li></ul></ul><ul><ul><li>Wordpress - 2.9 wp-config hack (< 2.9, module?) </li></ul></ul><ul><ul><li>Drupal - module, jQuery, beta - OLnet.org </li></ul></ul><ul><ul><li>CodeIgniter - hook, beta - Cloudworks.ac.uk </li></ul></ul>
    26. 26. OLnet / Cohere <ul><li>Open Learning Network - researching open educational resources/open courseware, OLnet.org (Drupal) </li></ul><ul><li>Cohere - an ideas mapping tool, part of OLnet collective intelligence </li></ul><ul><ul><ul><li>oEmbed service on OLnet for Cohere, experimental. </li></ul></ul></ul>
    27. 27. Wordpress 2.9.x - 1 line! <ul><li>Substitute MALT Wiki as the YouTube provider: </li></ul><ul><li>  </li></ul><ul><ul><li>wp-config.php </li></ul></ul><ul><li>wp_oembed_add_provider( </li></ul><ul><li>    '#http://(www.)?youtube.com/watch.*#i', </li></ul><ul><li>    'http://maltwiki.org/oembed', $re=TRUE); </li></ul><ul><li>. </li></ul>
    28. 28. Wordle - project  keywords
    29. 29. Flash 'wmode' is harmful <ul><ul><li>Default - OK: </li></ul></ul><ul><li><object data=&quot;player.swf&quot;> </li></ul><ul><li>  <param name=&quot; wmode &quot; value=&quot; window &quot; /> </li></ul><ul><li>  ... </li></ul><ul><ul><li>Not accessible: </li></ul></ul><ul><li>  </li></ul><ul><li>  <param name=&quot; wmode &quot; value=&quot; transparent &quot; /> </li></ul><ul><li>  <param name=&quot; wmode &quot; value=&quot; opaque &quot; /> </li></ul><ul><li>  </li></ul><ul><ul><li>Answer - don't set wmode  -  freear.org.uk/node/22 </li></ul></ul><ul><ul><li>Moodle - MDL-21491  </li></ul></ul>
    30. 30. Next steps <ul><ul><li>Fully support oEmbed standard, custom theme... </li></ul></ul><ul><ul><li>Add YouTube-based player </li></ul></ul><ul><ul><li>Proper 'watch' page, embed code  </li></ul></ul><ul><ul><li>Filter - Moodle contrib. </li></ul></ul><ul><ul><li>Secure funding </li></ul></ul><ul><ul><li>A workshop (&quot;Scripting Enabled&quot;)  </li></ul></ul><ul><li>  </li></ul><ul><li>  http://maltwiki.org </li></ul><ul><li>n.d.freear@open.ac.uk </li></ul><ul><li>  </li></ul><ul><li>@nfreear    #imoot2010    #maltwiki </li></ul>
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×