Enabling accessible multimedia for Moodle: iMoot 2010

  • 1,920 views
Uploaded on

My slides for tomorrow's session at the online conference for the Moodle e-learning platform. …

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

More in: Education
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,920
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
31
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    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 & audio descriptions     Stretch Project (ATRC, University of Toronto) http://stretch.atrc.utoronto.ca Project 'stretched' 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 & Shneiderman, Ben (2009) "The Reader-to-Leader Framework: Motivating Technology-Mediated Social Participation"
  • http://web.sls.csail.mit.edu/lectures/ MIT'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'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&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

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