ВВЕДЕНИЕ 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, обладающее возможностью подключения в сторонние системы, и позволяющее подстраиваться под формат данных, возвращаемый серверной частью частью системы при помощи добавления адаптера.
Для удобства использования библиотеки другими разработчиками была написана документация с примерами внедрения виджетов вместо реализации типовых объектов пользовательского интерфейса.
