3. Web-интерфейс сайта
На слайде отображен процесс – создание webинтерфейса сайта со стороны разработчика.
Входными данными для данного процесса является
пустое поле и идентификатор пользователя.
Выходными данными является сам пользовательский
интерфейс по умолчанию. Исполнительный
механизм – разработчик и браузер. Ограничения:
поле в 50 строк и 50 столбцов и реализация при
помощи HTML5
4.
5. На слайде изображена декомпозиция главного
процесса проектируемой системы. При
декомпозиции были выделены следующие
подпроцессы: Добавление плиток и отправка их
пользователю.
6.
7. На слайде изображена декомпозиция процесса
добавления плиток на поле. В качестве входных
данных появляется источник контента. Контент
должен быть в формате XML. По умолчанию на
поле располагается 100 плиток, 20 из них
помещаются непосредственно на поле, 80 в
карман, чтоб пользователь в дальнейшем мог
расположить их по собственному желанию.
8.
9. На слайде изображена декомпозиция процесса
подготовки плиток. Сначала необходимо
получить текст и изображения из XML-файла.
Размер изображения ограничен 250х250 px.
Затем сформировать плитку, содержащую текст
и изображения и установить для неѐ серый фон.
10.
11. Web-интерфейс сайта
На слайде отображен процесс – создание webинтерфейса сайта со стороны пользователя.
Входными данными для данного процесса является
поле по умолчанию и идентификатор пользователя.
Выходными данными является кастомизированный
пользовательский интерфейс или осуществление
навигации о ссылке. Исполнительный механизм –
пользователь и мышь. Ограничения: поле в 50 строк
и 50 столбцов
12.
13. На слайде отображена декомпозиция основного
процесса, состоящего из двух подпроцессов:
настроить и клик. Для настройки
пользовательского интерфейса используется zобразное движение мышью, и клик правой
кнопкой. Для перехода по ссылке используется
левый клик мышью. Для настройки поля
используется карман, содержащий новые
плитки.
14.
15. На слайде изображена декомпозиция процесса
настройки пользовательского интерфейса. Этот
процесс можно разбить на два подпроцесса, а
именно: помещение плиток на поле и удаление
плиток с поля. Плитки с поля убираются в
сундук.
16.
17. Настройка поля по умолчанию
На слайде изображена контекстная DFD
диаграмма настройки пользовательского
интерфейса по умолчанию. В систему из
источника контента передается контент в
формате XML. В результате работы системы
пользователю передаться поле по умолчанию.
Настройка поля осуществляется разработчиком.
18.
19. На слайде изображена декомпозиция настройки
поля разработчиком. Настройка включает в себя
парсинг контента, генерацию плиток и
добавление их на поле. Процесс парсинга
включает в себя обработку текста и обработку
изображения. В тексте выделяется автор, дата,
заголовок. Изображение должно быть сжато и
обрезано до разрешения 250х250 рх. Затем
формируется плитка, к ней добавляется рамка и
плитка отправляется на поле.
20.
21. Навигация при помощи webинтерфейса
На слайде изображена контекстная DFD
диаграмма навигации при помощи webинтерфейса. В систему от разработчика
поступает поле по умолчанию, а пользователь
выбирает плитки, с которыми будет
взаимодействовать. В результате работы
системы пользователю предоставляется
запрашиваемый контент.
22.
23. На слайде изображена декомпозиция навигации
при помощи web-интерфейса. Если в кармане
имеются плитки, которые можно добавить на
поле, то пользователь выбирает плитку и с
помощью мыши помещает еѐ на поле. Для
навигации следует выбрать плитку и кликнуть на
неѐ мышью.
