HTML5 Online Learning Application with Offline Web, Location Based, Animated Web, Multithread, and Real-Time Features

Authors: Sheetal R. Jadhwani, Daisy Sang, Chang-Shyh Peng

Abstract:

Web applications are an integral part of modem life. They are mostly based upon the HyperText Markup Language (HTML). While HTML meets the basic needs, there are some shortcomings. For example, applications can cease to work once user goes offline, real-time updates may be lagging, and user interface can freeze on computationally intensive tasks. The latest language specification HTML5 attempts to rectify the situation with new tools and protocols. This paper studies the new Web Storage, Geolocation, Web Worker, Canvas, and Web Socket APIs, and presents applications to test their features and efficiencies.

Keywords: HTML5, Web Worker, Canvas, Web Socket.

Digital Object Identifier (DOI): doi.org/10.5281/zenodo.1111753

References:

[1] D. Ragett, J. Lam, I. Alexander, and M. Kmiec, Raggett on HTML4, Addison Wesley, 1997.
[2] HTML 2.0 Specifications, https://www.w3.org/MarkUp/html-spec/, last access 2015.
[3] HTML 3.0 Specifications, https://www.w3.org/MarkUp/html3/Contents.html, last access 2015.
[4] HTML 3.2 Specifications, https://www.w3.org/TR/REC-html32, last access 2015.
[5] HTML 4.0 Specifications, https://www.w3.org/TR/1998/REC-html40-19980424/, last access 2015.
[6] HTML 4.01 Specifications, https://www.w3.org/TR/html4/, last access 2015.
[7] XHTML 1.0 Specifications, https://www.w3.org/TR/xhtml1/, last access 2015.
[8] XHTML 2.0 Specifications, https://www.w3.org/TR/xhtml2/, last access 2015.
[9] Web Hypertext Application Technology Working Group, https://whatwg.org/, last access 2015.
[10] M. MacDonald, HTML5: The Missing Manual, O'Reilly, 2014.
[11] Gartner Inc., Gartner Recommends a Hybrid Approach for Business-to-Employee Mobile Apps, Gartner Inc., 2013.
[12] HTML5 Specifications, https://www.w3.org/TR/html5/, last access 2015.
[13] L. Shevchik, HTML5 Web Storage – Cookies Are So 1994!, http://blog.newrelic.com/2012/09/18/html5-web-storage-cookies-are-so-1994/, 2012.
[14] W. Peng, and J. Cisna, HTTP cookies – a promising technology, MCB UP Ltd., 2000.
[15] M. Pilgrim, "The Past, Present & Future of Local Storage for Web Storage",HTML5: Up and Running, O'Reilly, 2010.
[16] M. Pilgrim, "Let’s take this Offline",HTML5: Up and Running, O'Reilly, 2010.
[17] S. Ahmed, HTML5Sticky – Sticky Notes for the Web!, http://sarfraznawaz.wordpress.com/2011/10/08/html5sticky-sticky-notes-for-the-web/, 2011.
[18] HTML5 Modernizr, http://modernizr.com/, last access 2015.
[19] A. Holdener III, HTML5 Geolocation, O'Reilly, 2011.
[20] M. Pilgrim, “You are here (And so is everybody else)”, HTML5: Up and Running, O'Reilly, 2010.
[21] Google Developers, Google Maps Javascript API, https://developers.google.com/maps/documentation/javascript/tutorial, last access 2015.
[22] Google Developers, Google Places API Place Types, https://developers.google.com/places/documentation/supported_types, last access 2015.
[23] S. Malik, Scalable Vector Graphics and bitmap rendering using Flex, http://www.ibm.com/developerworks/library/wa-svgbitmap/, last access 2015.
[24] S. Sarris, “Canvas”,HTML5 Unleashed, Sams Publishing, 2013.
[25] P. Dengler, How to Choose Between Canvas and SVG for your Site, http://msdn.microsoft.com/en-us/hh552482, last access 2015.
[26] E. Freeman and E. Robson, “Putting Javascript to work: Web Worker”, Head First HTML5 Programming, O'Reilly, 2011.
[27] D. Flanagan, “HTML5 APIs”, JavaScript: The Definitive Guide, O'Reilly, 2011.
[28] S. Fulton and J. Fulton, “Math, Physics and Animation”,HTML5 Canvas, O'Reilly, 2011.
[29] P. Lubbers and F. Greco, HTML5 Web Sockets: A Quantum Leap in Scalability for the Web, https://www.websocket.org/quantum.html, last access 2015.
[30] V. Wang, F. Salim, and P. Moskovits, The Definitive Guide to HTML5 WebSocket, Apress, 2013.
[31] J. Seidelin, “Going online with Web Sockets”,HTML5 Games Creating Fun with HTML5, CSS3, and WebGL, Wiley, 2011.
[32] socket.io, a Javascript library for real-time and bi-directional web communications, http://socket.io/, last access 2015.
[33] HOLA: an HTML5 Online Learning Application Source Code, https://goo.gl/hrHhCd, last access 2015.