Расчётная работапо дисциплине «Моделирование и анализ ПО»Пр. О «Инфомаяк электронного меню блюд»

студентки группы ПОС – 10а Дрозд Юлии

Интерфейс Windows-приложения

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

При нажатии на главной форме кнопки «Открыть» появляется стандартное окно открытия файлов и при выборе в нем нужного файла в главном окне открывается меню.

При нажатии на главной форме кнопки «Photoshop» файл меню открывается в программе Photoshop. Эта функция нужна для редактирования стиля меню и изменения картинок.

При нажатии на главной форме кнопки «Редактировать» открывается редактор меню. В нем можно добавлять на страницу информацию, связанную с блюдами.

При нажатии кнопки «Информация» открывается окно информации о разработчике.

Лабораторная работа № 2

Студентки группы ПО-10а Дрозд Юлии

На тему: «Построение концептуальной модели заданной функциональности при помощи САПР «ConceptDraw»»

Тема. «Построение концептуальной модели заданной функциональности при помощи САПР «ConceptDraw».Цель. Составить концептуальную модель заданной функциональности компьютерной системы.

Задание.

Класс ПО. Мобильная система Клиент\Генератор.Ник. Инфомаяк электронного меню блюд.Тема. Генерация сервером кодированного маркерами электронное меню блюд в виде многостраничного

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

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

данных, редактирует художественный шаблон титульного листа плаката меню, генерирует многостраничный анимированный SVG-плакат меню. Сервер выдает владельцу меню общедоступную URL-ссылку на SVG-плакат. Для проигрывания SVG-плаката на фоторамке существует функция конвертирования плаката в серию растровых изображений формата JPG заданного пользователем разрешения. Владелец меню собственными техническими средствами реализует показ анимированного плаката в витрине заведения. Посетитель заведения, без подключения к сети, считывает серию страниц меню блюд фотокамерой на мобильный телефон, КПК или планшет. Мобильное приложение клиента распознает код меню, сохраняет меню в базу данных и реализует интерактивный интерфейс формирования заказа по базе данных блюд. Пользователь проговаривает заказ кассиру или передает на кассу электронный заказ по безcпроводной сети WiFi или Bluetooth.

Многостраничный SVG-документ содержит художественно оформленный титульный лист меню с реквизитами кафе и технической рекомендацией по считыванию мобильным клиентом кодов меню, содержит страницы зашифрованного маркерами меню и команды SMIL сценария анимации слайдшоу. На страницах с кодами меню нанесен номер текущей страницы, общее количество страниц, время показа текущей страницы в секундах. Поля электронного меню, по сравнению с печатным меню, существенно расширяют информационное поле за счёт перекрестных ссылок, возможности группировки по весу или цене блюда. Поля меню содержат следующие поля: артикль блюда, наименование блюда, к какой общей категории относится {закуски, гарнир, напитки, супы, ...}, в какую группу включено управляющим кафе, единицы измерения {штуки, литры, миллилитры, граммы}, общее количество или вес, калорийность, количество ингредиентов, список ингредиентов, вес каждого ингредиента, цена за порцию, в какой валюте указана цена, минимальное время приготовление для фирменных блюд от шеф-повара, период времени суток доступность для заказа, рекомендованные блюда, сочетающиеся с данным блюдом, словесное описание истории национальной или фирменной кухни, рекомендации техники поедания. Для сжатия данных меню блюд составляется онтологический словарь ключевых слов кулинарии, здорового питания и торговли пищей. Словарь используется для расшифровки меню блюд мобильным клиентом. Электронное меню блюд содержит только коды ключевых слов, а не текстовое описание.

Инфомаяк электронного меню блюд.

Описание.

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

Инфомаяк электронного меню блюд1 Служба с Web-интерфейсом Служба с Web-интерфейсом \Служба с Web-интерфейсом 2 СерверСервер\Сервер3 Мобильное приложение клиентаМобильное приложение клиента\Мобильное приложение клиента

Список сущностей.

Интеллект-карта.

Сервер.

Описание.

Сервер является хранилищем и генератором многостраничных плакатов электронного меню блюд. Сервер выдает владельцу меню общедоступную URL-ссылку на SVG-плакат.

Сервер1 Выдача

1.1 URL-ссылка на SVG-плакат2 Хранилище многостраничных плакатов электронного меню блюд3 Генератор многостраничных плакатов электронного меню блюд

Список сущностей.

Интеллект-карта.

Служба с Web-интерфейсом.

Описание.

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

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

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

Служба с Web-интерфейсом 1 Редактирование художественного шаблона титульного листа плаката меню2 Регистрация владельца меню3 Реализация ввода полей в меню для хранения в БД4 Генерация4.1 Многостраничный анимированный SVG-плакат меню4.1.1 Проигрывание4.1.1.1 Фоторамка4.1.1.1.1 Серия растровых изображений4.1.1.1.1.1 JPG4.1.1.1.1.2 Пользовательское разрешение4.1.2 Содержание4.1.2.1 Технические рекомендации по считыванию мобильным клиентом кодов меню4.1.2.2 Титульный лист меню с реквизитами кафе4.1.2.3 Страницы зашифрованного маркерами меню4.1.2.3.1 Номер текущей страницы4.1.2.3.2 Общее количество страниц4.1.2.3.3 Время показа текущей страницы в секундах4.1.2.4 Команды SMIL сценария анимации слайдшоу 4.1.2.5 Электронное меню блюд4.1.2.5.1 Поля меню4.1.2.5.1.1 Наличие4.1.2.5.1.1.1 Группировка4.1.2.5.1.1.1.1 По весу4.1.2.5.1.1.1.2 По цене4.1.2.5.1.1.2 Перекрестные ссылки4.1.2.5.1.2 НазванияНазвания\Названия4.1.2.5.2 Коды ключевых слов

Список сущностей.

Интеллект-карта.

Служба с Web-интерфейсом. Названия.

Описание.

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

Названия1. Наименование блюда.2. Принадлежность к общей категории.2.1. Закуски.2.2. Гарнир.2.3. Напитки.2.4. Супы...3. Включение в группу управляющим кафе.4. Единицы изменения.4.1. шт.4.2. л4.3. мл4.4. г5. Общее кол-во или вес.6. Калорийность.7. Кол-во ингредиентов.8. Список ингредиентов.9. Вес каждого ингредиента.10. Цена за порцию.11. Валюта оплаты.12. Минимальное время приготовления фирменных блюд от шеф-повара.13. Время суток.14. Доступность заказа.15. Рекомендованные блюда, сочетающиеся с данным блюдом.16. Словесное описание истории национальной или фирменной кухни.17. Артикул блюда.18. Рекомендации к употреблению.

Список сущностей.

Интеллект-карта.

Мобильное приложение клиента.

Описание.

Посетитель заведения, без подключения к сети, считывает серию страниц меню блюд фотокамерой на мобильный телефон, КПК или планшет. Мобильное приложение клиента распознает код меню, сохраняет меню в базу данных и реализует интерактивный интерфейс формирования заказа по базе данных блюд. Пользователь проговаривает заказ кассиру или передает на кассу электронный заказ по безcпроводной сети WiFi или Bluetooth.

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

Мобильное приложение клиента1 Сохранение меню в БД2 Распознание кода меню3 Передача заказа3.1 Wi-fi3.2 Bluetooth4 Онтологический словарь ключевых слов4.1 Кулинария4.2 Здоровое питание4.3 Торговля пищей5 Интерактивный интерфейс формирования заказа по БД блюд

Список сущностей.

Интеллект-карта.

Лабораторная работа №3

Тема: Разработка структурно-функциональной модели. Схема информационных потоков.

Цель: Изучить принципы построения структурно-функциональной модели заданной системы в формате IDEF0. Приобрести навыки разработки схем информационных потоков DFD средствами инструмента визуального моделирования «BPwin».

студентки группы ПОС-10аДрозд Юлии

1. При помощи инструмента визуального моделирования «BPwin» разработать структурно-функциональную модель заданного бизнес-процесса системы в нотации IDEF0. Уровень детализации не менее 2 и не менее 6 страниц.

2. 2. Ознакомиться с основами построения DFD-диаграмм. 3. 3. Согласно индивидуальному варианту задания разработать

диаграмму информационных потоков системы DFD, не менее трех страниц.

4. 4. Описать каждую страницу диаграмм IDEF0, DFD текстом из 5 предложений.

5. 5. Разработать презентацию по страницам IDEF0, DFD, чередуя страницы диаграмм с текстом её описания. Формат презентации будет необходим при оформлении расчётной работы.

Задание:

Ди

агр

ам

ма ID

EF0

Описание

Данная диаграмма показывает, что входным данным работы с SVG-документами является «Серия растровых изображений», а выходными данными «Экран». На ряд процессов и данных накладывается ограничения, такие как: «один код меню», «маркеры меню не более 5 на страницу», «не более 20 страниц». И все процессы в системе осуществляются под управлением мобильного приложения.

Деком

пози

ци

я д

иагр

ам

мы

IDEF0

Данная диаграмма показывает на какие процессы разделяется контекстная диаграмма, а именно: «считать код», «составить документ», «вывести на экран». Также на данной диаграмме отображены все входные, выходные данные, ограничения и механизмы из контекстной диаграммы.

Описание

Ди

агр

ам

ма ID

EF0

Данная диаграмма показывает, что входным данным работы со службой с Web-приложением является «изображение», а выходными данными «SVG-плакат». На ряд процессов и данных накладывается ограничения, такие как: «поля меню не более 20 символов», «количество листов более одного», «формат изображения jpg», «пользовательское расширение». И все процессы в системе осуществляются под управлением Web-приложения, менеджера кафе и фоторамки.

Оп

иса

ни

е

Деком

пози

ци

я д

иагр

ам

мы

IDEF0

Данная диаграмма показывает что процесс формирования работы со службой с Web-приложением состоит из ряда процессов: «сгенерировать плакат», «редактировать плакат», «показать анимированный плакат.

Первыми двумя процессами управляет менеджер кафе, а последним процессом – Web- приложение и фоторамка.

Оп

иса

ни

е

Ди

агр

ам

ма ID

EF0

Описание

Данная диаграмма показывает, что входным данным формирования ИБЭМ является «Серия изображений», а выходными данными «заказ». На ряд процессов и данных накладывается ограничения, такие как: «не менее 5 маркеров меню», «онтологический словарь не менее 3-х категорий», «перекрестные ссылки на каждое блюдо», «по одному коду на каждое блюдо». И все процессы в системе осуществляются под управлением пользователя с помощью мобильного телефона, КПК или планшета, в который встроены фотокамера, Bluetooth и/или Wi-Fi.

Контекстная D

FD

диаграмм

а

Данная диаграмма показывает под процессы связанные с процессом формирования ИБЭМ. К таким под процесса относятся процесс «распознать код», «реализовать интерфейс формирования заказа», и «отправка заказа».

Для распознавания кода нужно мобильное устройство, оснащенное камерой, для реализации интерфейса заказа нужно мобильное приложение, а для отправки заказа нужен Bluetooth и /или Wi-Fi.

Описание

Контекстная D

FD

диаграмм

а

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

Данная диаграмма является контекстной, на ней показаны потоки данных самого верхнего уровня.

Описание

Контекстная D

FD

диаграмм

а

Данная диаграмма является декомпозицией контекстной DFD-диаграммы, и показывает разбиение системы на отдельные процессы «генерация изображений», «сформировать ссылку» и потоки данных между ними. В результате выполнения процесса «генерация изображений» образуется хранилище данных «сохраненные плакаты на сервере». Все процессы выполняются сущность «Web приложение».

Описание

Контекстная D

FD

диаграмм

а

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

Описание

Лабораторная работа 4

Тема. «Объектное моделирование программного обеспечения с помощью спецификации UML. Построение UML

диаграмм». Цель. «Изучить особенности построения

ситуационной модели обработки информации с помощью объектно-

ориентированной модели, спроектированной в StarUML.»

Выполнила:

ст. гр. ПОС-10А

Дрозд Ю.В.

Задание. 1. В соответствии с индивидуальным вариантом задания для заданной системы при помощи UML/MDA платформы «StarUML» произвести построение следующих UML-диаграмм:

– диаграмма деятельности;– диаграмма взаимодействия;– диаграмма компонентов; – диаграмма последовательности;– диаграмма классов (3 ≤ кол-во классов ≤ 8).

2. Описать каждую UML-диаграмм текстом из 5 предложений. 3. Разработать презентацию по страницам UML-диаграмм,

чередуя страницы диаграмм с текстом её описания. Формат презентации будет необходим при оформлении расчётной работы.

Менеджер кафе

Сгенерировать изображение

Считать изображение

Распознать изображение

Редактировать изображение Закодировать информацию

Сохранить

<<extend>> <<include>>

<<include>>

<<include>>

<<include>>

Сервер

1...* *...1

Диаграмма

вариантов использов

ания

Диаграмма

вариантов использов

ания

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

Диаграмма классов

UML

Инфомаяк электронного меню блюд

Меню+Создать меню()

Мобильное приложение пользователя

код меню-Отпрравить заказ()

Сервер

SVG-плакат+ Сохранить плакат()+Сгенерировать плакат()

Ссылка на SVG-плакат

адрес ссылки-Отправить ссылку()

Служба с Web-интерфейсом

SVG-документ меню+Редактировать шаблон()+Регистрировать владельца()+Реализовать ввод полей меню()

БД

меню+ Сохранить меню()+ Отправить заказ()

Многостраничный анимированный SVG-плакат меню

серия изображений+Запустить анимацию()

На слайде изображена диаграмма классов UML. Инфомаяк имеет сервер, на котором хранятся SVG-плакаты, которые содержат ссылку на SVG-плакат, службу с Web-интерфейсом, на которой хранится SVG-документ меню, которые содержат серии изображений, и мобильное приложение пользователя, в котором хранятся коды меню, База данных которого хранит в себе само меню.

Ди

агр

ам

ма к

лассо

в U

ML

Диаграмма компонентов

User.exe

SVG-плакаты

Ramka.exe

SVG-DOC.php Link.php

Меню

Style.css

Диаграмма компонентов

На слайде изображена диаграмма компонентов проектируемой системы. В систему поступает файлы растровых изображений. Система содержит модули пользователя, рамки и стиля. В системе присутствуют базы данных меню, SVG-плакатов. На выходе получаем рабочий инфомаяк меню блюд.

Зпустить приложение

клиента

Сфотографировтькод SVG-плаката

Распознать код

Вывести на экран меню

Сохранить в БД

Сформировать заказ

Отправить заказ

Диаграмма деятельности

На слайде показана диаграмма деятельности. На ней отображена последовательность с которой пользователь может работать с системой. Приложение пользователя осуществляет следующие работы: «запустить приложение», «сфотографировать SVG-плакат», «распознать код», «вывести на экран меню», «сохранить в БД», «сформировать заказ» и «отправить заказ».

Ди

агр

ам

ма д

еятел

ьн

ост

и

Мобильное прриложение Код менюКамера БДКлиент

Запустить приложение

Включить камеру

Сфотографировать код

Сохранить меню

Система принятия заказов

Отправить заказ

Создать заказ

Диаграмма последовательности

Диаграмма последовательности

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

Лабораторная работа №5 Тема. Разработка графического пользовательского

интерфейса.

Подготовила ст. гр. ПО-10аДрозд Ю.В.

Цель. Разработка пользовательского интерфейса при помощи

специализированного графического инструмента «GUI Design Studio».

Задание:.1. Согласно индивидуальному варианту задания при помощи

«GUI Design Studio» разработать прототип интерфейса программы. 2. Описать каждую логически законченную часть интерфейса

текстом из 5 предложений. 3. Разработать презентацию по интерфейсу, чередуя логические

части интерфейса слайдами с текстом её описания. Формат презентации будет необходим при оформлении расчётной работы.

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

Пр

ототи

п

Главная форма

Оп

иса

ни

е

На прототипе главной формы изображен экран приложения после его запуска, а так же функции тулбара.

Пункт меню «Файл» имеет функции «Создать», «Сохранить», «Открыть», «Сохранить…».

Пункт меню «Редактировать» имеет функцию «Редактировать», а так же отмену повторение действия.

Пункт меню «Просмотр» имеет функцию «Режим просмотра». Пункт меню «Справка» открывает окно, в котором находится

информация о разработчике и предметной области.

Пр

ототи

п

Оп

иса

ни

е

На прототипе показано как загружается макет меню из памяти компьютера.

При выборе в главном меню пункта «Файл», а в нем подпункта «Открыть…» открывается окно загрузки, которое позволяет загрузить меню из любой папки компьютера. При выборе файла и нажатии кнопки подтверждения в главном окне программы открывается выбранное меню.

Пр

ототи

п

Оп

иса

ни

е

На прототипе показано как создается макет меню.При выборе в главном меню пункта «Файл», а в нем подпункта

«Создать» открывается окно создания меню, которое позволяет загрузить в него фото блюд и внести описание, цену, название блюд.

Пр

ототи

п

Оп

иса

ни

е

На данном прототипе показано как загружаются при создании меню картинки.

При нажатии на прямоугольник предыдущего прототипа «Загрузить картинку» открывается окно загрузки, в котором можно выбрать нужное фото блюда. После выбора фото и подтверждения в окне создания меню на месте пустого прямоугольника загрузится фото.

Пр

ототи

п

Оп

иса

ни

е

На прототипе показан предварительный просмотр меню.При выборе в главном меню пункта «Просмотр» с

загруженным меню, а в нем подпункта «Режим просмотра» открывается окно «Предварительный просмотр», которое позволяет увидеть меню в таком виде, в каком оно будет отображаться на фоторамке.

Общ

ий

макет

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

Вы

вод

ы

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