Upload
jorge-rubiano
View
120
Download
0
Embed Size (px)
DESCRIPTION
Ponencia realizada en el marco del congreso "Conference on Circuits, Systems, Communications and Computers Platform from mobile learning" (CSCC 2014). http://www.cscc14.org/publications.htm Memorias: Página 136
Citation preview
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/
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