Система поддержки прототипирования пользовательских интерфейсов программного обеспечения

СОДЕРЖАНИЕ

ВВЕДЕНИЕ 6
1 АНАЛИЗ ОСНОВНЫХ АСПЕКТОВ ИССЛЕДУЕМОЙ ТЕМАТИКИ 9
1.1 Актуальность и особенности прототипирования интерфейсов программных продуктов 9
1.2 Анализ специфики создания современных пользовательских интерфейсов 12
1.2.1 Подходы и этапы проектирования интерфейсов десктопных программных приложений 13
1.2.2 Подходы и этапы проектирования интерфейсов веб-приложений 15
1.2.3 Подходы и принципы проектирования интерфейсов мобильных приложений 16
1.3 Анализ современных систем прототипирования интерфейсов 18
1.4 Обоснование использования средств разработки 22
1.4.1 Язык Javascript 22
1.4.2 IDE Sublime Text 3 26
1.4.3 Платформа NodeJS 10.16 27
2 РАЗРАБОТКА КРОССПЛАФОРМЕНОЙ СИСТЕМЫ ПРОЕКТИРОВАНИЯ ПРОТОТИПОВ ПРОГРАММНЫХ ИНТЕРФЕЙСОВ 30
2.1 Разработка общей схемы интерфейса и алгоритма работы системы 30
2.2 Проектирование системы в нотации UML 33
2.3 Разработка структуры и основных методов системы 36
2.4 Описание и исследования разработанных функциональных возможностей 40
ВЫВОДЫ 63
ЛИТЕРАТУРА 64
ПРИЛОЖЕНИЕ А 66

Актуальность работы. В разработке современного программного обеспечения (ПО) ключевых фактором производственного процесса является проектирование. Данный процесс создания проекта системы часто подразделяется на 2 отдельные части: проектирование функционала и интерфейса.
Для проектирования функционала используются существующие нотации UML и IDEF0, являющиеся фактически промышленными стандартами при разработке ПО. В проектировании графического интерфейса пользователя (GUI) в настоящее время отсутствуют устоявшиеся стандарты, однако существуют отдельные рекомендации, законы дизайна, приемы, традиции, различные условия эксплуатации ПО. При этом важной частью данного процесса является прототипирование или макетирование, т.е. операция, заключающаяся в создании макета или прототипа будущей системы.
Макеты в практике бывают: бумажными, презентационными, имитационными и др.
Большая часть современных интегрированных сред программирования (IDE) позволяет разрабатывать некоторые типы макетов, однако это сильно зависит от знаний и навыков в использовании конкретной среды и языка программирования. При этом в случае создании большого проекта GUI реализуется отдельным специалистом, который не всегда должен быть специалистом в области разработки программного кода. В связи с этим на практике разработчику удобно иметь гибкий инструмент для прототипирования GUI, поддерживающий возможности быстрого создания сложных макетов, насыщенных элементами и объектами.
Большинство существующих программных продуктов, которые применяются для решения задач прототипирования GUI, не являются специализированными и функциональными инструментами прототипирования, однако позволяют создавать приемлемые макеты разной степени сложности.
В последнее время в связи с повышением требований к разработке интерфейсов проявляются тенденции использования специализированного ПО, нацеленного на создание прототипов GUI. Подобные системы поддерживают создание прототипов для разных видов ПО: десктопных, веб и мобильных приложений.
Преимуществами создания прототипа GUI являются:
- возможность увидеть и протестировать интерфейс программы, оценив удобство взаимодействия его частей без необходимости программирования всего функционала, что снижает затраты по изменению GUI (чем быстрее интерфейс будет приведен к итоговому виду, тем дешевле получиться итоговый программный продукт);
- наглядная демонстрация возможностей заказчику;
- проверка удобства использования GUI;
- тестирование нестандартных подходов к внешнему виду интерфейса.
Именно прототипирования GUI пользователя позволило сформироваться тенденции по отделению разработки внешнего вида программы от непосредственного программирования всего функционала. Фактически, это значит, что осуществляется не разработка дизайна интерфейса, на базе чего далее следует его реализация, а параллельная разработка функциональной и графической составляющей проекта.
Все это обуславливает актуальность проведения исследований в данной области.
Цель дипломной работы заключается в изучении особенностей проектирования интерфейсов программных приложений и в разработке кроссплаформенной системы проектирования прототипов программных интерфейсов, поддерживащей функции использования в веб-браузере и не требующей установки сторонних компонентов на локальной клиентской станции.
Задачи дипломной работы заключаются в следующем:
1. Исследование актуальности и особенности прототипирования интерфейсов программных продуктов.
2. Анализ специфики создания современных пользовательских интерфейсов.
3. Анализ подходов, этапов и принципов проектирования интерфейсов десктопных веб и мобильных приложений.
4. Анализ современных систем прототипирования интерфейсов.
5. Обоснование использования выбранных средств разработки.
6. Разработка общей схемы и алгоритма работы системы.
7. Проектирование системы в нотации UML.
8. Разработка и описание структуры и основных способов системы.
9. Описание и исследования разработанных функциональных возможностей системы.