Интерфейс пользователя. лаба 3. Веб сайт полиграфической компании ИндиПринт

• Название: Веб сайт полиграфической компании ИндиПринт
• Анкор: Интерфейс пользователя
• Дата: 18.11.2020
• Размер: 457.08 Kb.
• Имя файла: лаба 3.docx
• Тип: Документы; #151546

Веб – сайт полиграфической компании «ИндиПринт».

Компания занимается изготовлением на заказ фотоальбомов , фотокниг, открыток, ежедневников и т.д..

Профили потенциальных пользователей программного обеспечения представлены в таблице 1.

Пользователи	Контент – менеджер	Менеджер по продажам	Системный администратор
Социальные характеристики	Женщины Взрослые Средний уровень владения компьютером	Женщины, мужчины Взрослые Средний уровень владения компьютером	Женщины, мужчины Взрослые Высокий уровень владения компьютером
Мотивационная целевая среда	Производственная необходимость Мотивация к обучению средняя	Производственная необходимость Мотивация к обучению средняя	Поддержка работоспособности сети Мотивация к обучению высокая
Навыки и умения	Должны иметь значительный тренинг работы с программой	Должны иметь значительный тренинг работы с программой	Должен иметь высокий уровень знаний работы с программой в сети
Требование к ПО ИС	Обеспечение информацией по товарам Возможность добавления информации о товарах	Время реакции ПО Ис, допустимое для ожидания клиента Обеспечение информацией по содержанию заказов Обеспечение информацией по товарам Возможность формирования заказов	Возможность быстрого формирования заказа Обеспечение прослеживания денежных потоков Надежность ИС Обеспечение простого интерфейса
Задачи пользователя	Занимается разработкой контента и наполнением сайта	общение с клиентами, принятие и оформление заказов	Следить за работоспособностью сайта, хостингами, доменами, серверами. Своевременно выявлять и исправлять ошибки, предупреждать сбои
Рабочая среда	Стандартизированные ПК, выход в интернет	Стандартизированные ПК, выход в интернет, Стандартизированные ПК, специализированное телефонное обслуживание	ПК, выход в интернет

2.Определить функциональность приложения, исходя из целей и задач пользователей. Рассмотрим определение функциональности на примере одного из профилей:

Исходя из задач этой категории пользователей, можно сформировать следующий перечень функций необходимых в приложении:

 создать новый заказ клиента(1);

 поиск выбранного заказа (2);

 редактирование заказа (3);

 добавление клиента в заказ (4);

 ввод/редактирование клиента (5);

 выбор товара из списка товаров (6);

 поиск товаров в списке товаров (7);

 просмотр подробных данных о товаре (8);

 добавление товара в заказ (9);

 сохранение заказа (10);

 оформление заказа (11).

Сформировать множество пользовательских сценариев для выделенных профилей пользователей. Примером могут служить приведенные ниже сценарии действий пользователей.

1. 
   Менеджеру по продажам поступает оповещение о желании клиента оформить заказ. Менеджер созванивается с клиентом для уточнения заказа. После чего менеджер вводить данные клиента, добавляет клиента в заказ, выбирает выбранный товар, оформляет заказ и сохраняет.
   
2. 
   Менеджеру по продажам поступает оповещение о желании клиента оформить заказ. Менеджер созванивается с клиентом для уточнения заказа. После чего менеджер вводить данные клиента, если их нет в базе, то добавляет клиента в базу. Добавляет клиента в заказ, выбирает выбранный товар, оформляет заказ и сохраняет.
   

Определить функциональные блоки приложения, составить схему навигационной системы. Очевидно, что отдельные функциональные блоки соответствуют работе пользователей с информацией:

 по заказам (функции 1,2,3,10,11)

 по клиентам (функции 4,5)

 по товарам (функции 6,7,8,9)

Таким образом, можно вести речь о наличии в приложении трех функциональных блоков и шести экранных форм:

 Список заказов;

 Новый заказ;

 Список клиентов;

 Данные клиента;

 Список товаров;

 Данные товара.

В этом случае, с учетом пользовательских сценариев схема навигации по формам может выглядеть следующим образом (рисунок 1).



Рисунок 1

Установить для отдельных функциональных блоков соответствующие им операции и объекты операций. Сгруппировать их в разделы меню.

В конкретной среде разработки приложения сформировать меню. Определим операции, которые должен выполнять пользователь в рамках возможностей, предоставляемых ему приложением (функций приложения):

1) создать новый заказ;

2) задать атрибуты поиска заказа;

3) найти заказ по атрибутам поиска;

4) открыть текущий заказ на редактирование;

5) открыть список клиентов для добавления в список заказов;

6) открыть список товаров для добавления в заказ;

7) просмотреть список клиентов;

8) выбрать клиента из списка клиентов;

9) добавить атрибуты клиента к поиску заказа;

10) ввести данные нового клиента в заказ;

11) редактировать данные клиента в списке клиентов;

12) добавить клиента в заказ;

13) сохранить данные о клиенте;

14) просмотреть список товаров;

15) задать атрибуты поиска товаров;

16) найти товар по атрибутам;

17) выбрать товар из списка товаров;

18) просмотреть подробные данные товара;

19) добавить атрибуты товара к поиску заказа;

20) редактировать данные по товару в заказе;

21) добавить данные товара в заказ;

22) сохранить заказ;

23) оформить заказ.

Соответствие приведенных операций функциональным блокам, экранным формам и навигационным переходам указано на рисунке 2.



Рисунок 2

Далее, необходимо сгруппировать операции таким образом, чтобы их группы соответствовали пунктам главного меню. В рассматриваемом примере предлагается сформировать следующие группы.

1. 
   Действия над объектами. В качестве объектов выступают заказ, клиент, товар (таблица 2). Таблица 2 - Группа Действия
   

   Действия	Объект	Примечание
   Открыть	Заказ Клиент Товар	4 11 18
   Создать	Заказ	1
   Выбрать	Клиент Товар Атрибут клиента Атрибут товара	12 21 9 19
   Сохранить	Заказ Клиент	22 13
   Оформить	Заказ	23

2. 
   Поиск Заказа(3), товар (16)
   
3. 
   Работа со списками
   

Таблица 3 Списки

Списки	Операции	Примечания
Товары	Посмотреть открыть	14 6
Клиенты	Посмотреть открыть	7 5

Таблица 4 Список заказов

Списки	Операции	Списки
Создать (1) Открыть (4)	Найти (3)	Клиенты (7) Товары (14)

Таблица 5 Заказ

Списки	Списки
Сохранить (22) Оформить (23)	Клиенты (5) Товары (6)

Таблица 6 Список клиентов

Списки	Списки
Создать (10) Открыть(11) Выбрать (9)

Таблица 7 Список клиентов

Списки	Списки
Создать (10) Открыть (11) Выбрать (12)

Таблица 8 Список товара

Списки	Поиск
Открыть (18) Выбрать (19)	Найти (16)

Таблица 9 Список товара

Списки	Поиск
Открыть (11) Выбрать (12)	Найти (16)

Таблица 10 Список товара

Списки	Поиск
Открыть (10) Выбрать (21)	Найти (16)

Граф состояний меню можно представить следующим образом (рисунок 3).



Вывод: в ходе выполнения лабораторной работы я закрепить теоретические знания по разработке пользовательского интерфейса и получить практические навыки по проведению этапов предварительного и высокоуровневого проектирования интерфейса пользователя.