title: Ð Ð°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ° ÐºÐ»Ð¸ÐµÐ½ÑÑÐºÐ¾Ð¹ ÑÐ°ÑÑÐ¸ ÑÐ¸ÑÑÐµÐ¼Ñ Ð´Ð¸ÑÑÐ°Ð½ÑÐ¸Ð¾Ð½Ð½Ð¾Ð³Ð¾ Ð¾Ð±ÑÑÐµÐ½Ð¸Ñ Kotoed Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÑÐ½ÑÑ ÑÑÑÑÐ¾Ð¹ÑÑÐ²
title: Ð²ÑÐ¿ÑÑÐºÐ½Ð°Ñ ÐºÐ²Ð°Ð»Ð¸ÑÐ¸ÐºÐ°ÑÐ¸Ð¾Ð½Ð½Ð°Ñ ÑÐ°Ð±Ð¾ÑÐ° Ð±Ð°ÐºÐ°Ð»Ð°Ð²ÑÐ°
titleType: Subtitle
title: Development of the client part of the Kotoed distance learning system for mobile devices
Creators: name: ÐÐ¸ÐºÐ¾Ð½Ð¾Ð², ÐÐ°Ð²ÐµÐ»
Publisher: name: Ð¡Ð°Ð½ÐºÑ-ÐÐµÑÐµÑÐ±ÑÑÐ³ÑÐºÐ¸Ð¹ Ð¿Ð¾Ð»Ð¸ÑÐµÑÐ½Ð¸ÑÐµÑÐºÐ¸Ð¹ ÑÐ½Ð¸Ð²ÐµÑÑÐ¸ÑÐµÑ ÐÐµÑÑÐ° ÐÐµÐ»Ð¸ÐºÐ¾Ð³Ð¾
Year: 2020
Subjects: Ð¿ÑÐ¾Ð³ÑÐµÑÑÐ¸Ð²Ð½Ð¾Ðµ Ð²ÐµÐ± Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ðµ
Ð¾Ð±ÑÐ°Ð·Ð¾Ð²Ð°ÑÐµÐ»ÑÐ½Ð°Ñ Ð¿Ð»Ð°ÑÑÐ¾ÑÐ¼Ð°
ÑÑÐ¾Ð½ÑÐµÐ½Ð´
ÐºÐ¾ÑÐ¾ÐµÐ´
javascript
react
ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ° Ð¿ÑÐ¾Ð³ÑÐ°Ð¼Ð¼Ð½Ð¾Ð³Ð¾ Ð¾Ð±ÐµÑÐ¿ÐµÑÐµÐ½Ð¸Ñ
Ð¿ÑÐ¾ÐµÐºÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð¸Ðµ
progressive web applications
educational platform
frontend
kotoed
software development
software design

description: Ð¢ÐµÐ¼Ð° Ð²ÑÐ¿ÑÑÐºÐ½Ð¾Ð¹ ÐºÐ²Ð°Ð»Ð¸ÑÐ¸ÐºÐ°ÑÐ¸Ð¾Ð½Ð½Ð¾Ð¹ ÑÐ°Ð±Ð¾ÑÑ: Â«Ð Ð°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ° ÐºÐ»Ð¸ÐµÐ½ÑÑÐºÐ¾Ð¹ ÑÐ°ÑÑÐ¸ ÑÐ¸ÑÑÐµÐ¼Ñ Ð´Ð¸ÑÑÐ°Ð½ÑÐ¸Ð¾Ð½Ð½Ð¾Ð³Ð¾ Ð¾Ð±ÑÑÐµÐ½Ð¸Ñ Kotoed Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÑÐ½ÑÑ ÑÑÑÑÐ¾Ð¹ÑÑÐ²Â».
 ÐÐ°Ð½Ð½Ð°Ñ ÑÐ°Ð±Ð¾ÑÐ° Ð¿Ð¾ÑÐ²ÑÑÐµÐ½Ð° Ð¸ÑÑÐ»ÐµÐ´Ð¾Ð²Ð°Ð½Ð¸Ñ ÑÑÑÑÐ¾Ð¹ÑÑÐ²Ð° ÑÐ¾Ð²ÑÐµÐ¼ÐµÐ½Ð½Ð¾Ð¹ ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ¸ ÐºÐ»Ð¸ÐµÐ½ÑÑÐºÐ¸Ñ ÑÐ°ÑÑÐµÐ¹ Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ð¹ Ð¸ ÑÐµÐ°Ð»Ð¸Ð·Ð°ÑÐ¸Ð¸ Ð¿ÑÐ¾ÑÐ¾ÑÐ¸Ð¿Ð° Ð¼Ð¾Ð±Ð¸Ð»ÑÐ½Ð¾Ð¹ Ð²ÐµÑÑÐ¸Ð¸ Ð¾Ð±ÑÐ°Ð·Ð¾Ð²Ð°ÑÐµÐ»ÑÐ½Ð¾Ð¹ Ð¿Ð»Ð°ÑÑÐ¾ÑÐ¼Ñ Kotoed Ñ Ð²Ð¾Ð·Ð¼Ð¾Ð¶Ð½Ð¾ÑÑÑÑ ÐºÐµÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð¸Ñ Ð¸ Ð¾ÑÐ»Ð°Ð¹Ð½-ÑÐµÐ¶Ð¸Ð¼Ð° Ð½Ð° ÑÐ»ÑÑÐ°Ð¹ ÐºÑÐ°ÑÐºÐ¾Ð²ÑÐµÐ¼ÐµÐ½Ð½Ð¾Ð³Ð¾ Ð¾ÑÐºÐ»ÑÑÐµÐ½Ð¸Ñ Ð¾Ñ ÑÐµÑÐ¸. Ð Ð°Ð±Ð¾ÑÐ° Ð¿ÑÐ¾Ð²Ð¾Ð´Ð¸Ð»Ð°ÑÑ Ð½Ð° Ð±Ð°Ð·Ðµ ÑÑÑÐµÑÑÐ²ÑÑÑÐµÐ¹ Ð¸ ÑÐ°Ð±Ð¾ÑÐ°ÑÑÐµÐ¹ Ð¾Ð±ÑÐ°Ð·Ð¾Ð²Ð°ÑÐµÐ»ÑÐ½Ð¾Ð¹ Ð¿Ð»Ð°ÑÑÐ¾ÑÐ¼Ñ. ÐÑÐ»Ð° Ð¿ÑÐ¾Ð²ÐµÐ´ÐµÐ½Ð° Ð°Ð´Ð°Ð¿ÑÐ°ÑÐ¸Ñ ÐºÐ»Ð¸ÐµÐ½ÑÑÐºÐ¾Ð¹ ÑÐ°ÑÑÐ¸ ÑÐ¸ÑÑÐµÐ¼Ñ Ð¿Ð¾Ð´ Ð¼Ð¾Ð±Ð¸Ð»ÑÐ½ÑÐµ ÑÑÑÑÐ¾Ð¹ÑÑÐ²Ð° Ñ Ð¿Ð¾Ð¼Ð¾ÑÑÑ Ð¸Ð¼ÐµÑÑÐ¸ÑÑÑ Ð±Ð¸Ð±Ð»Ð¸Ð¾ÑÐµÐº Ð¸ ÐºÐ¾Ð¼Ð¿Ð¾Ð½ÐµÐ½ÑÐ¾Ð². ÐÑÐ»Ð¾ ÑÐµÐ°Ð»Ð¸Ð·Ð¾Ð²Ð°Ð½Ð¾ ÐºÐµÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð¸Ðµ ÑÑÐ°ÑÐ¸ÑÐµÑÐºÐ¸Ñ ÑÐ°Ð¹Ð»Ð¾Ð² (HTML, CSS, JS), Ñ Ð²Ð¾Ð·Ð¼Ð¾Ð¶Ð½Ð¾ÑÑÑÑ Ð²ÑÐ±Ð¾ÑÐ° Ð½ÐµÑÐºÐ¾Ð»ÑÐºÐ¸Ñ Ð¿Ð¾Ð»Ð¸ÑÐ¸Ðº ÐºÐµÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð¸Ñ, Ñ Ð¸ÑÐ¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°Ð½Ð¸ÐµÐ¼ Ð²Ð¾Ð·Ð¼Ð¾Ð¶Ð½Ð¾ÑÑÐµÐ¹ ÑÐµÑÐ½Ð¾Ð»Ð¾Ð³Ð¸Ð¸ service worker, Ð±ÑÐ» Ð´Ð¾Ð±Ð°Ð²Ð»ÐµÐ½ ÑÐ»Ð°Ð³ Ð¾ÑÐ»Ð°Ð´ÐºÐ¸ Ð´Ð»Ñ Ð²Ð¾Ð·Ð¼Ð¾Ð¶Ð½Ð¾ÑÑÐ¸ Ð¿Ð¾Ð´ÑÐ¾Ð±Ð½Ð¾Ð³Ð¾ Ð»Ð¾Ð³Ð¸ÑÐ¾Ð²Ð°Ð½Ð¸Ñ Ð¿Ð¾Ð²ÐµÐ´ÐµÐ½Ð¸Ñ service worker. Ð¡Ð°Ð¼Ð° Ð¿Ð»Ð°ÑÑÐ¾ÑÐ¼Ð° Ð±ÑÐ»Ð° Ð¾Ð±ÐµÑÐ½ÑÑÐ° Ð² PWA, ÑÑÐ¾ Ð¿Ð¾Ð·Ð²Ð¾Ð»ÑÐµÑ ÑÐ°Ð¹Ñ Ð¿Ð»Ð°ÑÑÐ¾ÑÐ¼Ñ Ð´Ð¾Ð±Ð°Ð²Ð»ÑÑÑ Ð½Ð° Ð´Ð¾Ð¼Ð°ÑÐ½Ð¸Ð¹ ÑÐºÑÐ°Ð½ Ð¼Ð¾Ð±Ð¸Ð»ÑÐ½Ð¾Ð³Ð¾ ÑÑÑÑÐ¾Ð¹ÑÑÐ²Ð° Ð¸ Ð¸ÑÐ¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°ÑÑ ÐµÐ³Ð¾ ÐºÐ°Ðº Ð¼Ð¾Ð±Ð¸Ð»ÑÐ½Ð¾Ðµ Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ðµ. 
 Ð ÑÐµÐ·ÑÐ»ÑÑÐ°ÑÐµ Ð±ÑÐ»Ð¸ Ð¸Ð·ÑÑÐµÐ½Ñ Ð¾ÑÐ½Ð¾Ð²Ð½ÑÐµ Ð±Ð¸Ð±Ð»Ð¸Ð¾ÑÐµÐºÐ¸, Ð¿Ð¾Ð´ÑÐ¾Ð´Ñ Ðº Ð¿ÑÐ¾ÐµÐºÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð¸Ñ Ð¸ ÑÐµÐ°Ð»Ð¸Ð·Ð°ÑÐ¸Ð¸ ÐºÐ»Ð¸ÐµÐ½ÑÑÐºÐ¾Ð¹ ÑÐ°ÑÑÐ¸ Ð¾Ð±ÑÐ°Ð·Ð¾Ð²Ð°ÑÐµÐ»ÑÐ½Ð¾Ð¹ Ð¿Ð»Ð°ÑÑÐ¾ÑÐ¼Ñ Ð¸ ÑÐ¾Ð²ÑÐµÐ¼ÐµÐ½Ð½ÑÑ Ð¿ÑÐ¾Ð³ÑÐµÑÑÐ¸Ð²Ð½ÑÑ Ð²ÐµÐ±-Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ð¹. ÐÐ° Ð¾ÑÐ½Ð¾Ð²Ð°Ð½Ð¸Ð¸ ÑÐµÐ·ÑÐ»ÑÑÐ°ÑÐ¾Ð² Ð±ÑÐ» ÑÐµÐ°Ð»Ð¸Ð·Ð¾Ð²Ð°Ð½ ÑÐ°Ð±Ð¾ÑÐ°ÑÑÐ¸Ð¹ Ð¿ÑÐ¾ÑÐ¾ÑÐ¸Ð¿ Ð¼Ð¾Ð±Ð¸Ð»ÑÐ½Ð¾Ð¹ Ð²ÐµÑÑÐ¸Ð¸ Ð¿Ð»Ð°ÑÑÐ¾ÑÐ¼Ñ Ñ Ð¾ÑÐ»Ð°Ð¹Ð½-ÑÐµÐ¶Ð¸Ð¼Ð¾Ð¼.
description: The topic of the final qualification work: "Development of the client part of the Kotoed distance learning system for mobile devices".
This work is devoted to the study of the device for the modern development of client parts of web applications and the implementation of the prototype of the mobile version of the Kotoed educational platform with the possibility of caching and offline mode in case of a short-term disconnection from the network.
The client part of the system was adapted for mobile devices using existing libraries and components. Caching of static files (HTML, CSS, JS) was implemented, with the ability to select several caching policies, using the capabilities of the service workers. A debug flag was added to enable detailed logging of behavior service worker. The platform itself was wrapped in PWA, which allows the website to add to the home screen of the mobile device and use it as a mobile application. 
As a result, the main libraries, approaches to the design and implementation of the client part of the educational platform and modern progressive web applications were studied. Based on the results, a working prototype of the mobile version of the platform with offline mode was implemented.