Rapid Intake에서 발표한 모바일 이러닝 콘텐츠 저작도구 ” MLearning Studio”

http://www.rapidintake.com/products/mobile/mobile-learning-studio/

Coming Soon, Really Soon!!!!

스마트 디바이스가 팽창하면서 기존 이러닝 콘텐츠 저작도구들의 모바일 수용이 가속화 되고 있다.

Rapid Intake뿐만 아니라 기존의 Adobe Captivate도 HTML5를 수용한다고 한다. 저작도구의 움직임을 살펴보며 시장의 흐름을 분석해본다.

시장에서는 콘텐츠 제작에 있어서, 지금부터 새롭게 모바일용으로 만드는것도 중요하지만, 기존의 만들어진 콘텐츠를 모바일화를 어떻게 하는가?에 대한 부분이 가장 고민하고 있는 상황이다. 우리 회사에도 Flix라는 Enterprise Mobility Solution으로 Static Webpage의 변환을 시켜주는 Tool은 이미 가지고 있지만, Animate, Interaction 등 이러닝에서 교수학습의 효과를 위해 적용한 다양한 기능을 수용하지는 못하고 있다.

그렇다고 향후 하드웨어가 지원한다고 해서 스마트패드의 특징을 100% 살리지  못하고, 데스크탑에서 활용하던 콘텐츠를 그대로 사용하는 것 또한 답은 아닐텐데..

해소할 방법은 없을까? 기존 Flash기반의 콘텐츠를 쉽게 재구성하여 모바일용으로 만들어주는 디코딩 저작도구????

 

아래 Rapid Intake의 PR 요약 및 전문

Rapid Intake는 ASTD TK 2011 conference에서 역시나 왜  Flash, HTML을 쓰지 않고 HTML5를 사용하는지에 대한 질문을 많이 받았다고 한다.

HTML5는 보다 풍부하고, 인터랙티브, ANIMATE한 표현이 가능한  프로그래밍 언어라서 플래시를 지원하지 않는 (혹은 지원을 해도 한계가 있는 현재 상황)에서,
HTML5의 채택은 Cross Platform을 고려한 어쩔 수 없는 선택이었다라고 한다
HTML5가 학습자에게 주는 Interactivity and animate는 아래와 같다
  • Swiping to move forward and back between pages
  • Animations such as flipping animation when the TOC is loaded (on the smartphone form factor for example)
  • Fade in and out and slide in and out animations for things like instructions during the quiz and showing the tools on the smartphone form factor
  • Dynamic links to the glossary terms so that the definitions pops up on top of the content
  • Popup animation and content for quiz feedback
  • Lot’s of other things–but those are a few examples. In short, it provides an app-like experience even though it’s running the web browser

“Rapid Intake mLearning studio” Release 이후 활용후 추가 Review To Be Continue~~

Source : http://shoutout.rapidintake.com/
We announced Rapid Intake mLearning Studio earlier this week, due to be out this quarter. As you’ll notice, we’re making a big deal about the player being in HTML5. Why? I had that question come up a few times at the recent ASTD TK 2011 conference where we unveiled our mobile learning authoring tools and player for the first time. “Why not go with Flash?” some people asked. Or, “Why not go with straight HTML?”First of all, let’s define HTML5. There are really two “true” definitions:- First, HTML5 is a new version of the HTML ‘programming’ language. It’s not officially a programming language, but for the lay person it’s probably helpful to think of it that way because when you look at it you say, “Hey, this look like a bunch of hooey and I can’t understand it.” HTML is the language that makes up most traditional web pages. HTML5 just means that there is a new version (think versions of software, like PowerPoint 2007 versus 2003) of the HTML language that includes some great new features (such as built-in support for video). That’s the technical definition, you might say, of the term ‘HTML5’.However, HTMl5, by itself, doesn’t really get the job done, as far as mLearning goes, because HTML5 by itself is largely a static, one-way presentation-capable kind of language that is richer than before, but isn’t really built around interactivity. Enter JavaScript and CSS.

– The second definition of HTML5, and the one that most people MEAN when they say ‘HTML5’ refers to a combination of three different technologies used together to make a rich, animated, and interactive experience in the mobile browser without any plug-in (aka Flash). The three technologies are: HTML (yes, version 5), Javascript (for interactivity), CSS (version 3) for layout and animation. Combined, these three technologies pack a real punch.

For what I consider to be the most amazing use of HTML5, check out this site thatCraig Weiss pointed me to at the BYOL eLearning conference last Fall:

http://www.nevermindthebullets.com/ (for heaven’s sake make SURE you view this in a browser that supports HTML5, like Chrome or Safari!—it’s just not the same otherwise and you’ll wonder what the big deal is)

So–why HTML5 and not straight HTML? Straight HTML is static. HTML5 is dynamic–meaning it can be interactive and animate.

So what does HTML5 do for us specifically in the mLearning Studio player? It gives the learner the feeling they are in something like a native app because it animates and interacts like a native app, even though they are running in a mobile web browser! Yes, that is very cool. And it is important, because it needs to run in the mobile browser to be able to communicate directly with the LMS via SCORM. HTML5 gives the learner interactivity and animation, such as:

  • Swiping to move forward and back between pages
  • Animations such as flipping animation when the TOC is loaded (on the smartphone form factor for example)
  • Fade in and out and slide in and out animations for things like instructions during the quiz and showing the tools on the smartphone form factor
  • Dynamic links to the glossary terms so that the definitions pops up on top of the content
  • Popup animation and content for quiz feedback
  • Lot’s of other things–but those are a few examples. In short, it provides an app-like experience even though it’s running the web browser
More importantly, however is cross-platform compatibility. If only Flash were to work on the iOS–we probably would have developed in Flash (see my post several months ago on the Flash vs HTML5 controversy for more details on that). But, it doesn’t, and iOS, Android, and the latest Blackberry OS supports HTML5 in the mobile browsers. This means that courses you build with mLearning Studio work on just about any platform, assuming learners have a later mobile device and not some dinosaur.Finally, HTML5 will allow us to fully recreate our current e-learning interactions, such as the branching scenario sims, learning games, and so on–which will be included in Rapid Intake mLearning Studio later this year.What other amazing examples of HTML5 have you seen? (I honestly can’t get enough of playing with the interactivity and the incredible artwork in thenevermindthebullets.com project.) What uses of HTML5 do you anticipate in mLearning?

Check it out:  http://www.rapidintake.com/products/mobile/mobile-learning-studio/

http://shoutout.rapidintake.com/

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s