Лабораторная работа №3«Разработка структурно-функциональной модели. Схема информационных потоков»Выполнила студентка группы ПОС-10б Лысакова Наталья

Web-интерфейс сайта На слайде отображен процесс – создание web-интерфейса сайта со стороны разработчика. Входными данными для данного процесса является пустое поле и идентификатор пользователя. Выходными данными является сам пользовательский интерфейс по умолчанию. Исполнительный механизм – разработчик и браузер. Ограничения: поле в 50 строк и 50 столбцов и реализация при помощи HTML5

На слайде изображена декомпозиция главного процесса проектируемой системы. При декомпозиции были выделены следующие подпроцессы: Добавление плиток и отправка их пользователю.

На слайде изображена декомпозиция процесса добавления плиток на поле. В качестве входных данных появляется источник контента. Контент должен быть в формате XML. По умолчанию на поле располагается 100 плиток, 20 из них помещаются непосредственно на поле, 80 в карман, чтоб пользователь в дальнейшем мог расположить их по собственному желанию.

На слайде изображена декомпозиция процесса подготовки плиток. Сначала необходимо получить текст и изображения из XML-файла. Размер изображения ограничен 250х250 px. Затем сформировать плитку, содержащую текст и изображения и установить для неё серый фон.

Web-интерфейс сайта На слайде отображен процесс – создание web-интерфейса сайта со стороны пользователя. Входными данными для данного процесса является поле по умолчанию и идентификатор пользователя. Выходными данными является кастомизированный пользовательский интерфейс или осуществление навигации о ссылке. Исполнительный механизм – пользователь и мышь. Ограничения: поле в 50 строк и 50 столбцов

На слайде отображена декомпозиция основного процесса, состоящего из двух подпроцессов: настроить и клик. Для настройки пользовательского интерфейса используется z-образное движение мышью, и клик правой кнопкой. Для перехода по ссылке используется левый клик мышью. Для настройки поля используется карман, содержащий новые плитки.

На слайде изображена декомпозиция процесса настройки пользовательского интерфейса. Этот процесс можно разбить на два подпроцесса, а именно: помещение плиток на поле и удаление плиток с поля. Плитки с поля убираются в сундук.

Настройка поля по умолчанию На слайде изображена контекстная DFD диаграмма настройки пользовательского интерфейса по умолчанию. В систему из источника контента передается контент в формате XML. В результате работы системы пользователю передаться поле по умолчанию. Настройка поля осуществляется разработчиком.

На слайде изображена декомпозиция настройки поля разработчиком. Настройка включает в себя парсинг контента, генерацию плиток и добавление их на поле. Процесс парсинга включает в себя обработку текста и обработку изображения. В тексте выделяется автор, дата, заголовок. Изображение должно быть сжато и обрезано до разрешения 250х250 рх. Затем формируется плитка, к ней добавляется рамка и плитка отправляется на поле.

Навигация при помощи web-интерфейса На слайде изображена контекстная DFD диаграмма навигации при помощи web-интерфейса. В систему от разработчика поступает поле по умолчанию, а пользователь выбирает плитки, с которыми будет взаимодействовать. В результате работы системы пользователю предоставляется запрашиваемый контент.

На слайде изображена декомпозиция навигации при помощи web-интерфейса. Если в кармане имеются плитки, которые можно добавить на поле, то пользователь выбирает плитку и с помощью мыши помещает её на поле. Для навигации следует выбрать плитку и кликнуть на неё мышью.

Спасибо за внимание