Universidad Manuela Beltrán - UMB Virtual (Col)

Platform from mobile learningJorge RubianoAndrés Mena

Daniel SánchezTwitter: @ostjh

ColombiaI am from Colombia, a country located in South America, even that english is not my first language, I want to make myself understood and explain everything in english.

UMB Virtual"UMB Virtual" is the branch of virtual education Manuela Beltrán University of Colombia.

UMB virtual develops multimedia resources and content for all the courses for undergraduate and graduate programs that are offered, where the guidelines and foundations for education are: motivation and happy learning. http://portal.umbvirtual.edu.co/

1. VirtualNet 2.0 Desktop Version / VirtualNet 2.0 Mobile Version

2. Technological context.a. ¿What is a web app?b. ¿What is a Native APP?c. ¿What is a Native Web App/Hybrid APP?

3. Technology behind VirtualNet 2.0 Mobile.a. HTML5/CSS3/Javascriptb. WebSockets.c. WebRTCd. Node.jse. NoSQL

4. Conclusions.

I will talk about...

http://virtualnet2-0.blogspot.com/2011/05/virtualnet-20.html

1. VirtualNet 2.0

http://virtualnet2-0.blogspot.com/2013/05/nuevo-chat-social.html

What’s new on Virtualnet 2.0

1. Video Calls● No Plugins● Native APIS

2. Collaborative work (PAD)● Document creation and edition

from various users● Real Time Editing● Native APIS

Video Call

Collaborative work

http://virtualnet2-0.blogspot.com/2014/04/virtualnet-20-mobile-nuevas.html

http://virtualnet2-0.blogspot.com/2014/04/virtualnet-20-mobile-nuevas.html

The system counts with some options such as:

● Content displaying.● E-mail.● Exam marks.● Comment writing.● Social Chat.● Video calling.● Newsletters.● Calendar.

DEMOVirtualNet 2.0 Mobile.

ContentsE-MailChat

Video call

Native Social Chat

2. Types of Mobile Applications

http://bizitpi.blogspot.com/2012/12/what-should-i-choose-native-or-hybrid.html

Web App

http://cdn.sixrevisions.com/0274-02_facebook_native_mobile_web_app.jpg

Advantages.

● Can be displayed on any mobile device, whether Android, iOS, BlackBerry or Windows Phone, just that the terminal has a mobile browser.

● Downloading is not required as well as any validation process.

● Updating is not required, web pages, always access the latest version.

Disadvantages.

● Internet connection required.● Some specific functions of the mobile

device will not be available.● Limited offline operation

Native APP

http://mobile-app-options.appspot.com/img/diagram_native.png

Native APP

https://wiki.smu.edu.sg/is101_2011/img_auth.php/e/e1/Objective_C_and_java.PNG

Advantages

● Wide design options.● Optimal usage of hardware and

operating system.

Disadvantages

● Complex development.● Complex maintenance.● Difficult multi-platform displaying.

Native Web App/Hybrid APP

http://mobile-app-options.appspot.com/img/diagram_hybrid.png

Native Web App/Hybrid APP

http://mobile-app-options.appspot.com/img/diagram_hybrid.png

Advantages.

● Written with web technologies (HTML5/CSS3/Javascript)

● Runs locally on the device, supports offline.● Access to native APIS● Application on-line Store distribution.

Disadvantages.

● Impaired performance (when accessing web content online)

● No frequent updates (in the case of offline caching)

Web APP/Hybrid/Native

http://bizitpi.blogspot.com/2012/12/what-should-i-choose-native-or-hybrid.html

3. Technology behind VirtualNet 2.0 Mobile.

Browsers

http://www.navegadoresdeinternet.net/

Plugins

http://clubajax.org/the-history-of-ria-technologies/

HTML5 + CSS3 + Javascript

http://www.w3.org/html/logo/

Apis - Javascript

http://www.freshtilledsoil.com/the-future-of-web/

https://dvcs.w3.org/hg/audio/raw-file/tip/webaudio/specification.html

WebAudio

Media Capture & Streams

http://www.w3.org/TR/2012/WD-mediacapture-streams-20120628/

Web Workers

http://www.w3.org/TR/workers/

Device

http://arewemobileyet.com/

WebRTC

http://www.webrtc.org/

Http - Ajax - WebSockets - WebRTC

http://www.adaptivepath.com/ideas/ajax-new-approach-web-applications/

Node.js - NoSQL

http://nodejs.org/

http://en.wikipedia.org/wiki/NoSQL

VirtualNet 2.0 MobileWeb APP and Hybrid APP

Web App Hybrid App

VirtualNet 2.0 MobileWeb APP and Hybrid APP

VirtualNet 2.0 MobileWeb APP and Hybrid APP

VirtualNet 2.0 MobileWeb APP and Hybrid APP

2012 * 2013 2014 **

Total “log in” amount from users to the system 280.134 688.436 191.307

“Log in” amount from mobile platform 4.181 22.745 11.553

“Log in” percentage from mobile platform 1.5% 3.3% 6%

* Data taken between July 4 and December 31, 2012** Data taken between January 1 and April 1, 2014Source: Google analytics

VirtualNet 2.0 Desktop / Mobile

4 Conclusions

● Mobile platforms enhance interaction and learning together. This, from the perspective of the zone of proximal development from Vygotsky [14], allows learning that would not be possible individually.

● The amount of usage of the mobile platform demonstrates the student interest for this alternative.

● Content transferring from the desktop version to a mobile version would find the same difficulties found when transferring the contents from traditional education to virtual education. It is important to take into consideration the difference in presentation and content development.

● When platform versions for desktop and mobile devices are needed is important to think about programming languages that are suitable for both scenarios. Take into account that, the possibilities to develop a mobile version with the technologies that we have nowadays has, helped us a lot in the unification of platforms

Thanks a lot for your attentionJorge Rubiano