Разработка модуля интерактивных подсказок к пользовательскому интерфейсу

1.

СИБИРСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ
ГЕОСИСТЕМ И ТЕХНОЛОГИЙ
РАЗРАБОТКА МОДУЛЯ
ИНТЕРАКТИВНЫХ ПОДСКАЗОК К
ПОЛЬЗОВАТЕЛЬСКОМУ ИНТЕРФЕЙСУ
ПРОГРАММЫ GEE Web Aplication
Обучающийся: Демченко В. П., гр. БИ-41.1
Руководитель: Бугакова Т. Ю., к.т.н., доцент
Новосибирск – 2022

2.

ПРОБЛЕМА
Новым
пользователям
какого
либо
приложения
необходимо узнать и понять как им пользоваться.
Появилась острая необходимость в начальном обучении
юзеров в программе
GEE Web Aplication так как их становилось все больше и
поддержка уже не успевала всем отвечать.

3.

РЕШЕНИЕ ПРОБЛЕМЫ
Разработка модуля интерактивных подсказок, которые бы
наглядно показали пользователю функционал программы
GEE Web Aplication. С помощью этого решения мы
избавимся сразу от нескольких проблем:
1.
Техническая поддержка будет решать более важные
вопросы
2.
Пользователь намного быстрее освоится в программе
и
следовательно
выполнять работу
быстрее
и
увереннее
начнет

4.

ЦЕЛЬ И ЗАДАЧИ
Разработка модуля интерактивных подсказок.
Задачи:
• Анализ предметной области
• Анализ поведения пользователя
• Разработка пользовательского интерфейса
• Тестирование программы

5.

АНАЛИЗ ПРЕДМЕТНОЙ ОБЛАСТИ
Выбор инструментов разработки
В основу разработки легли фреймворки Quasar и
VueJs. Для разметки использовались языки HTML
и CSS. Для взаимодействия компонентов
использовался JavaScript.

6.

АНАЛИЗ ПРЕДМЕТНОЙ ОБЛАСТИ
Выбор среды разработки
В качестве среды
разработки был выбран
Visual Studio Code.
В этом редакторе кода
очень удобно работать,
так как есть проводник
файлов, поиск и
огромное множество
полезных расширений.

7.

РАЗРАБОТКА ИНТЕРФЕЙСА

8.

РАЗРАБОТКА ИНТЕРФЕЙСА

9.

РАЗРАБОТКА ИНТЕРФЕЙСА

10.

РАЗРАБОТКА ИНТЕРФЕЙСА

11.

РАЗРАБОТКА ИНТЕРФЕЙСА

12.

ТЕСТИРОВАНИЕ
ПРОГРАММНОГО МОДУЛЯ
Тестирование производилось на мониторах разных
размеров, чтобы интерфейс корректно отображался на
всех разрешениях. Чтобы правильно происходило
переключение подсказок и они вызывались корректно.

13.

ЗАКЛЮЧЕНИЕ
В ходе выполнения выпускной квалификационной
работы был разработан модуль интерактивных
подсказок для веб приложения GEE Web Aplication.
Решены следующие задачи:
Анализ предметной области
Анализ поведения пользователя
Разработка пользовательского интерфейса
Тестирование программы