Mobile It Support

  • Subscribe to our RSS feed.
  • Twitter
  • StumbleUpon
  • Reddit
  • Facebook
  • Digg

Tuesday, 13 March 2012

mLearning #research focus: new features of #html5 for future offline #mLearning

Posted on 03:39 by Unknown

Chillian researchers from the Universidad de Chile, Santiago have a wonderful and useful research paper focusing on new features of html5 and how they can be used for situated learning scenarios. The full paper can be found here (English) at page 252 of the mLearn2011 proceedings. The authors of the paper are: Nelson Baloian, Jonathan Frez, Marc Janser, Gustavo Zurita.

It is a long paper that is both theoretical, technical and practical = great combination. And I gladly share some of the paper's content here.

What I found of immediate interest was their list of new, useful html5 features related to offline mLearning and semantic features - really nice:

HTML5 provides a number of new features that almost all yield to the possibility to enrich HTML sites either by new communication mechanisms or by new presentation techniques. In the following the three most important new features with respect to mobile learning scenarios will be presented shortly:

Canvas: With the new CANVAS implementation HTML5 provides the possibility for an easy and flexible provision of 2D graphics. Therefore, the new CANVAS object provides e.g. the possibility to draw simple lines, circles and rectangles. Furthermore, images can be added to a canvas that can be moved, rotated and scaled. Furthermore, simple graphical functionality like transparency can be used. All these functions are available over simple JavaScript commands.

WebSockets:
Historically, a website was only able for uni-directional communication from the website to the server. The only way to receive data from the server was implementing pull methods (ex, AJAX). This changed with the implementation of WebSockets, since this approach allows for bi-directional communication. In order to be able to receive data send over a WebSocket, the website needs to implement the different JavaScript-Callback methods:
 onopen: gets called when the WebSocket is openend.
 onmessage: gets called when a message arrives over the socket.
 onclose: gets called when the WebSocket connection is closed.
The onmessage method works just like a push call from the remote server.

Web Database: HTML5 provides an implementation of SQLite that allows associating a Web application with a local database and load remote data into it.

LocalStorage: consists in a hash table with 10Mb capacity to store values; these data are related to the Web application in online and offline mode.

FileSystem, manifest and offline mode: The key of developing web applications is the combined use of FileSystem and the Manifest file. FileSystem is an API that provides an independent file system from other applications and user files. Manifest is a declaration of which are the files that make up the application by local references to them. The Manifest is used by browsers to download these files and load them to a local filesystem, allowing offline operation.

Geolocation: Given the capacity of current mobile devices, there are many applications that use the georeference api, HTML5 provides this api that allows to know the coordinates of the access device, so its possible integrate the information. The data available are: latitude, longitude, altitude, accuracy, altitude accuracy, heading, speed.

WebWorker: is a simplification to work with threads in a web environment, since the browser controls the threads; it is not possible to manipulate from Javascript. However, a WebWorker permits simultaneous and asynchronous operations, regardless of the strands of the browser.

Semantic elements : Allow roles different visual components of HTML, for example assign a header role to a div, and footer to another. Thus it is the device's browser that allocates positions screen as character of it.

WebGL: In addition to the new 2D capabilities provided by the HTML5 CANVAS, a third technology, closely related to HTML5 showed up recently that provides 3D capabilities based on OpenGL, called WebGL. Making use of this technology, it would be possible to easily enrich mobile learning scenarios by 3D content.

The authors of this paper then continue on how they embed these new features in the learning scenario's, really interesting and a good read.

As I read a lot of research papers and come across a lot of projects, I thought it would be nice to share those that caught me eye in particular. Hoping to do so every two weeks - ambitious :-D
Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest
Posted in html5, mLearn, mLearning, paper, research | No comments
Newer Post Older Post Home

0 comments:

Post a Comment

Subscribe to: Post Comments (Atom)

Popular Posts

  • Call for gender, mobile and learning research cases ideas
    If you work on a project, or idea which involves gender and mobile or online learning, make sure you get an article in to Ronda Zelezny-Gree...
  • lff10 Androids in Africa by Nick Short
    Today I was following the presentation and live discussion on the topic of Android phones for Africa by Nick Short , Andrew Hagner and Niall...
  • Mobile Moodle at mLearnCon
    On Wednesday my esteemed colleague Carlos Kiyan and I presented the concurrent session 802 on mobile learning. We were not really sure if w...
  • Two days before free, open, online #mLearning course #MobiMOOC launches
    Okay, I admit, as organizer of MobiMOOC I am at this point feeling both very anxious ("I will never get everything done in time!), bl...
  • Free #Leadership for Real #MOOC starting on 9 September 2013
    Tomorrow a new MOOC on leadership can be followed on the Canvas.Net platform . The Leadership for Real MOOC is of interest to me as it env...
  • 20 strategies for learner interactions in mobile #MOOC
    Let's be honest, we all LOVE research *grin*, or facts, or lists, or useful practices ... or practical strategies for that matter. Well,...
  • Looking for #online course tutor/developer in Belgium: send your resume and join the #eLearning team
    At ITM we are looking for an online course tutor and developer to tutor a course called eSCART and collaboratively built future online cour...
  • Big Question: How to use Text-to-Speech in eLearning and when
    In the Big Question launched by Tony Karrer this month , he wonders how we use Text-to-Speech (TTS) in our courses? He also reflects on bud...
  • Recapturing #aufgs2012 Athabasca University's Graduate student conference
    Last weekend I had a wonderful and enlightening time in Edmonton, Canada. It was the first time I met several of my online friends and ... d...
  • Tracking your #mobile data journey with #Singly
    Keeping track of all the good content I come across while I am surfing the internet has never been my forté. Although I bookmark, make annot...

Categories

  • #eden
  • #eden09
  • 3D
  • activism
  • adl
  • ageism
  • an impression
  • analytics
  • android
  • animation
  • applications
  • AR
  • art
  • articulate
  • artificial intelligence
  • athabasca uni
  • audio
  • augmented learning
  • augmented reality
  • authentic learning
  • award
  • badges
  • big data
  • BigQuestion
  • blogphilosophy
  • books
  • brandon hall
  • BYOD
  • call for papers
  • CCK
  • cck09
  • change
  • change11
  • chaos
  • CIDER
  • cloud computing
  • CMS
  • coding
  • cognitive brain
  • collaborative learning
  • collaborative working
  • communication
  • community of inquiry
  • competition
  • complexity
  • conferenc
  • conference
  • conferences
  • connectivism
  • constructivism
  • contextual
  • conversation
  • cop
  • corporate
  • courses
  • creativity
  • critical research
  • cross-cultural
  • crowdsourcing
  • curriculum design
  • cyborg anthropology
  • data
  • death
  • design
  • development
  • devlearn
  • diabetes
  • digital divide
  • disability
  • docc
  • dutch
  • ebook
  • economic crisis
  • eden
  • edublogger
  • education
  • education2.0
  • educational institution
  • educational methodology
  • edumooc
  • edupunk
  • ela09
  • ela2009
  • ela2010 ela10
  • eLearning
  • eLearning concerns
  • eLearning guild
  • emergence
  • eSCART
  • ethics
  • eurodl
  • europe
  • evaluation
  • feminism
  • flow
  • funding
  • future
  • future of education
  • futureLearn
  • games
  • gender
  • gesture-based learning
  • glasses
  • google
  • Google drive
  • guidelines
  • health
  • higher education
  • history
  • hope
  • how to
  • howto
  • html5
  • human machine interaction
  • humor
  • humour
  • iamlearn
  • IBM
  • ICT4D
  • identity
  • informal child learning
  • informal learning
  • instructional design
  • intelligent agents
  • ipad
  • iphone
  • iphone moodle
  • ipod
  • irrodl
  • ITM
  • journals
  • k-12
  • k12
  • knowledge
  • knowledge age
  • knowledge management
  • lak11
  • language
  • learner analytics
  • learner interaction
  • learner-centered learning
  • learning
  • learning analytics
  • learning challenge
  • learning gadgets
  • learning solutions
  • learning theory
  • life
  • lifelong learning
  • liveBlog
  • LMS
  • love
  • low resource setting
  • m4d
  • mashup
  • medical
  • medtronic
  • mhealth
  • mLearn
  • mLearn08
  • mLearn10
  • mlearncon
  • mLearning
  • mobile
  • mobile learning
  • mobimooc
  • mogelijkTopic
  • mooc
  • moodle
  • movie
  • multimedia
  • nanotechnology
  • netEtiquette
  • networked learning
  • networking
  • OEB
  • OEB08
  • OEB09
  • OER
  • offline player
  • oldsmooc
  • online learning
  • open content
  • open education
  • open science
  • open source
  • opera
  • opera mini
  • paper
  • participation
  • participatory learning
  • pedagogy
  • person in the picture
  • phd
  • philosophy
  • pilot course
  • PLE
  • plenk2010
  • pln
  • podcast
  • policy
  • presentation
  • prezi
  • privacy
  • publication
  • QR code
  • qualitative research
  • quality assurance
  • references
  • report
  • research
  • rethinking
  • review
  • RFID
  • science2.0
  • SCoPE
  • scorm
  • sdl
  • seamless learning
  • search engine
  • self-directed learning
  • self-regulated learning
  • semantic
  • seminar
  • serious gaming
  • sharing
  • situated learning
  • skills
  • smart objects
  • social change
  • social interaction
  • social learning
  • social media
  • social network
  • social science
  • spaced learning
  • starting an eLearning program
  • statistics
  • sustainability
  • sustainable energy
  • tablet
  • tagging
  • technology
  • TED
  • telemedicine
  • test
  • text-to-speech
  • theory
  • thesis
  • tikitag
  • time
  • tin can
  • tools
  • train-the-trainer
  • training
  • tutorial
  • twitter
  • ubiquitous learning
  • unesco
  • video
  • virtual classroom
  • vlog
  • vodcasting
  • web2.0
  • web3.0
  • wiziq
  • work and play
  • workshop
  • xMOOC

Blog Archive

  • ►  2013 (75)
    • ►  November (8)
    • ►  October (7)
    • ►  September (11)
    • ►  August (4)
    • ►  July (2)
    • ►  June (2)
    • ►  May (12)
    • ►  April (7)
    • ►  March (4)
    • ►  February (10)
    • ►  January (8)
  • ▼  2012 (112)
    • ►  December (5)
    • ►  November (13)
    • ►  October (10)
    • ►  September (13)
    • ►  August (18)
    • ►  July (10)
    • ►  June (8)
    • ►  May (9)
    • ►  April (9)
    • ▼  March (9)
      • Learning Solutions #LScon: Aaron Silvers and Elain...
      • Learning Solutions #LScon: Stephanie Daul on gamin...
      • Learning Solutions #LScon: indirect learning on Ed...
      • Learning Solutions #LScon: presentation on #MOOC
      • Learning Solutions #LScon: Erik Wahl on the Art of...
      • European workshop on #mLearning organized by Stell...
      • #MOOC benefits for international learners
      • mLearning #research focus: new features of #html5 ...
      • International Women’s Day: women in top positions ...
    • ►  February (6)
    • ►  January (2)
  • ►  2011 (87)
    • ►  December (9)
    • ►  November (7)
    • ►  October (13)
    • ►  September (6)
    • ►  August (7)
    • ►  July (4)
    • ►  June (5)
    • ►  April (7)
    • ►  March (2)
    • ►  February (15)
    • ►  January (12)
  • ►  2010 (108)
    • ►  December (3)
    • ►  November (5)
    • ►  October (14)
    • ►  September (11)
    • ►  August (8)
    • ►  July (3)
    • ►  June (15)
    • ►  May (6)
    • ►  April (12)
    • ►  March (11)
    • ►  February (10)
    • ►  January (10)
  • ►  2009 (90)
    • ►  December (7)
    • ►  November (5)
    • ►  October (2)
    • ►  September (5)
    • ►  August (2)
    • ►  July (6)
    • ►  June (18)
    • ►  May (12)
    • ►  April (11)
    • ►  March (8)
    • ►  February (6)
    • ►  January (8)
  • ►  2008 (28)
    • ►  December (13)
    • ►  November (11)
    • ►  October (3)
    • ►  September (1)
Powered by Blogger.

About Me

Unknown
View my complete profile