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...
  • Publishing for Kindle Amazon early lessons learned
    To be honest, I never anticipated the anxiousness I would feel pressing a publish button. I consider myself fairly knowledgeable and experie...
  • 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...
  • #MOOC @Edinburgh report on organizing 6 Coursera MOOCs
    Last week the University of Edinburgh released their first report on their experiences gained after having organized 6 MOOC courses via Cour...
  • 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...
  • #Mobile design webcasts by @bdconf
    Breaking development is organizing a variety of mobile conferences and webinars and as I was going through their September 2011 mobile webc...
  • Mobile ways to teach business and medical skills, plus a look at the changing face of e-learning…
    During the last Online Educa Berlin, podcasts were recorded all through the conference . In one of them you can hear a bit of what we (= the...
  • 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,...

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