HTML5 EdTech

Educating on the Open Web

May 4, 2012
by ted
0 comments

Create an Interactive Graded Assignment in your LMS using HTML and SCORM

It’s amazing how vendor-driven the communication around eLearning is– it’s very hard to search for information about creating eLearning materials without ending up on the website of one of the big tech vendors. This blog is all about figuring out how to create accessible attractive e-Learning materials with free open tools and code, and one of the questions I’ve been hung up on is:

“how do you give a graded assignment in a learning module and send those grades back into the LMS gradebook? “

One of the strength of Flash-based eLearning tools is that they allow students to take interactive quizzes in rich, graphical interfaces and then pass their grading scores back into the LMS’ gradebook via the SCORM standard.  There’s no inherent reason these modules need to be in Flash– students are just interacting with checkboxes, text, and images– all of which can be done with valid HTML5 animation. I’ve been authoring with Tumult Hype and I love being able to output a nice interactive website that doesn’t need Flash. What I want to do is just put some kind of SCORM “wrapper” on my creations to make it play nice with the LMS. It turns out you can do just that!

The big tech vendors proclaim that they can output SCORM, but I had no idea that SCORM is basically just some fancy HTML and Javascript! After reading this excellent article by Pipwerks, I now see that any HTML page can be wrapped in some SCORM code to interface with the LMS and send grade data back into the gradebook! Stay tuned as I work my way through this tutorial and figure how to turn my HTML5 interactive quiz into a graded assignment!

 

 

A website, fully unusable without flash plugin...

A website, fully unusable without flash plugin, as seens from the customers computer that does not provide easy installation of this plugin. They all look largely the same. It may be not possible to replace this by original screen shoot because of the copyright issues, but the screen shoots used for concept do have more or less the same layout: several empty frames is all you see with flash disabled. (Photo credit: Wikipedia)

 

 

Enhanced by Zemanta

October 4, 2011
by ted
0 comments

Beginner’s Guide To: Building HTML5/CSS3 Webpages

http://www.hongkiat.com/blog/building-html5-css-webpages/

September 28, 2011
by ted
0 comments

The Web is Back – SlideShare Transitions to HTML5 | HTML5 Video

http://html5video.org/blog/2011/09/27/the-web-is-back-slideshare-transitions-to-html5/

September 23, 2011
by ted
0 comments

Further Reading

Wikipedia: Open Standards

Mozilla Manifesto

Mozilla Statement of Direction

The Open Web as a Platform

The Open Web and Its Adversaries

Open Web Initiative

The High Cost of Some Free Tools

Open Web Applications Priorities

via Open Web Principles | Open Komodo.