MuraCon Notes - Mura and Mobile ELearning Goals and Techniques
October 01, 2013
Mura and Mobile ELearning Goals and Techniques - Jim Hicks
professionCube.com -- Jim's home site
mobile-elearn.com
everybody does training. somebody in each company does training.
in the old days, did huge long courses
those don't play as well on small mobile devices
used to use things like Dreamweaver, ColdFusion, etc to do learning
this xmas there will be more mobile devices sold than laptop and desktop computers
want to enter content once and have it display on every device
don't always have budget to build native apps for mobile AND a site for everyone else
responsive layout --
works well for some content but not for everything
specifying mobile pages -
there are times when some stuff just won't play nice on mobile
need to provide a separate page for mobile vs non-mobile
the "mobile" tab in Mura -- 3 different options for mobile navigation
-- include for all, include for mobile only, exclude for mobile only
mobile doesn't have a "mouseOver" event
mouse event vs a touch event to trigger the same functionality
hotspot map for laptop/desktop
-- exclude it from mobile
include a mobile one w/ no mouseover, and just does away with the hotspot/mouseover functionality, displays all text by default.
uSquare Lists
way to display lists with associated images.
plays very nicely on mobile
Timeline control
slick timeline control (jQuery plugin) that takes some content and makes it very functional and interactive
works well on mobile too.
try code canyon.com for other similar useful stuff
integrating the plugin into a Mura theme -
Bootstrap theme comes with some stuff built-in (popups, overlays, etc) that works well in training.
-use the class extension mgr to gather the data for a folder and page
-use the content iterator to populate the interface element
Class Extension Manager --
you have a page, you get a title, graphic, summary and a hunk of content
that's what you get out of the box
there are times when you need more than that
(i.e. for a timeline, you need dates)
need ability to grab those dates and put them back into the UI
...hence Class Extensions
the advantage Mura provides for mobile learning...
all the stuff we saw today on mobile-elearn.com
the 'mLearnBundle" contains all of what we saw today, free download
professionCube.com -- Jim's home site
mobile-elearn.com
everybody does training. somebody in each company does training.
in the old days, did huge long courses
those don't play as well on small mobile devices
used to use things like Dreamweaver, ColdFusion, etc to do learning
this xmas there will be more mobile devices sold than laptop and desktop computers
want to enter content once and have it display on every device
don't always have budget to build native apps for mobile AND a site for everyone else
responsive layout --
works well for some content but not for everything
specifying mobile pages -
there are times when some stuff just won't play nice on mobile
need to provide a separate page for mobile vs non-mobile
the "mobile" tab in Mura -- 3 different options for mobile navigation
-- include for all, include for mobile only, exclude for mobile only
mobile doesn't have a "mouseOver" event
mouse event vs a touch event to trigger the same functionality
hotspot map for laptop/desktop
-- exclude it from mobile
include a mobile one w/ no mouseover, and just does away with the hotspot/mouseover functionality, displays all text by default.
uSquare Lists
way to display lists with associated images.
plays very nicely on mobile
Timeline control
slick timeline control (jQuery plugin) that takes some content and makes it very functional and interactive
works well on mobile too.
try code canyon.com for other similar useful stuff
integrating the plugin into a Mura theme -
Bootstrap theme comes with some stuff built-in (popups, overlays, etc) that works well in training.
-use the class extension mgr to gather the data for a folder and page
-use the content iterator to populate the interface element
Class Extension Manager --
you have a page, you get a title, graphic, summary and a hunk of content
that's what you get out of the box
there are times when you need more than that
(i.e. for a timeline, you need dates)
need ability to grab those dates and put them back into the UI
...hence Class Extensions
the advantage Mura provides for mobile learning...
all the stuff we saw today on mobile-elearn.com
the 'mLearnBundle" contains all of what we saw today, free download