Представленный материал является образцом учебного исследования, примером структуры и содержания учебного исследования по заявленной теме. Размещён исключительно в информационных и ознакомительных целях.
Workspay.ru оказывает информационные услуги по сбору, обработке и структурированию материалов в соответствии с требованиями заказчика.
Размещение материала не означает публикацию произведения впервые и не предполагает передачу исключительных авторских прав третьим лицам.
Материал не предназначен для дословной сдачи в образовательные организации и требует самостоятельной переработки с соблюдением законодательства Российской Федерации об авторском праве и принципов академической добросовестности.
Авторские права на исходные материалы принадлежат их законным правообладателям. В случае возникновения вопросов, связанных с размещённым материалом, просим направить обращение через форму обратной связи.
ℹ️Настоящий учебно-методический информационный материал размещён в ознакомительных и исследовательских целях и представляет собой пример учебного исследования. Не является готовым научным трудом и требует самостоятельной переработки.
ВВЕДЕНИЕ 4
ГЛАВА 1. ОБЗОР ИНТЕРФЕЙСОВ ИОС 6
1.1 Moodle 6
1.2 Opigno 8
1.3 Talent LMS 9
1.4 iSpring 9
1.5 Основные элементы интерфейсов ИОС 10
ГЛАВА 2. РЕАЛИЗАЦИЯ ИНТЕРФЕЙСА ВИДЖЕТОВ 11
2.1 Определение виджета 11
2.2 Список курсов 12
2.3 Календарь событий 14
2.4 Расписание 16
2.5 Прогресс в изучении курса 17
2.6 Достижения 19
2.7 Статистика по времени, проведенным за обучением 20
2.8 Информация о пользователе 21
2.9 Виджеты с перечислением полей 23
ГЛАВА 3. ТЕХНИЧЕСКИЕ ДЕТАЛИ РЕАЛИЗАЦИИ 25
ГЛАВА 4. РАБОТА С БИБЛИОТЕКОЙ ВИДЖЕТОВ 28
4.1 Подключение 28
4.2 Настройка виджетов 29
4.3 Реализация адаптера 30
4.4 Переопределение стилей 31
ЗАКЛЮЧЕНИЕ 32
СПИСОК ИСПОЛЬЗОВАННОЙ ЛИТЕРАТУРЫ 33
Приложение А 36
Приложение Б
Приложение В 40
Приложение Г 44
Приложение Д 45
Приложение Е 47
📖 Введение
Тенденция развития электронного образования приводит к появлению новых информационных образовательных систем (ИОС) [1]. С точки зрения проектирования информационных систем они представляют собой набор функциональных модулей, в каждом из которых содержится персонализированная для пользователя информация. Наибольшее количество такой информации можно встретить в разделах ИОС, личном кабинете. Его основная задача - обеспечить пользователя быстрым доступом к актуальным данным, для визуализации которых используются специальные подходы и средства [2]. Распространенным вариантом вывода информации является ее отображение в независимых блоках, называемых виджетами. Они визуально отделяют данные друг от друга, что улучшает их восприятие [3]. Такое отображение можно увидеть на примере личного кабинета системы управления обучением Opigno [4] (рис. 1).
Представления, встречающиеся в каждой ИОС, чаще всего реализуются разработчиками самостоятельно. Разработка проходит в несколько этапов, включая аналитику, проектирование, разработку, тестирование и др. [5]. При этом, имеет место регулярное дублирование функционала типовых виджетов разными ИОС. В то же время, в целом, в индустрии разработки приложений популярен подход создания библиотек типовых элементов, использование которых существенно сокращает время разработки. Следовательно, целью данной работы является реализация библиотеки виджетов с графическими элементами, позволяющей проектировать интерфейсы информационно-образовательных систем.
В первой главе проанализированы интерфейсы различных ИОС для формирования перечня виджетов, образующих состав библиотеки.
Вторая глава включает в себя описание реализации в разрезе отдельного виджета.
В третьей главе показана схема работы разработчика, подключающего библиотеку в свой проект.
В четвертой главе описаны технические детали реализации библиотеки виджетов.
✅ Заключение
В ходе работы над созданием библиотеки виджетов графического проектирования для информационных систем в образовании были рассмотрены наиболее популярные ИОС, предоставляющие свободный доступ для тестирования своей функциональности. В результате анализа пользовательского интерфейса систем был определен список их основных графических элементов, на основании которых была создана библиотека виджетов.
Для реализации библиотеки было создано приложение на языке JavaScript, обладающее возможностью подключения в сторонние системы, и позволяющее подстраиваться под формат данных, возвращаемый серверной частью частью системы при помощи добавления адаптера.
Для удобства использования библиотеки другими разработчиками была написана документация с примерами внедрения виджетов вместо реализации типовых объектов пользовательского интерфейса.