Upload
alex-goncharov
View
1.081
Download
1
Embed Size (px)
Citation preview
Расчетная работапо дисциплине «Моделирование и анализ ПО»
Пр. о «Электронное меню блюд»
Студента группы ПОС – 10 б
Гончарова Алексея Дмитриевича
Интерфейс web-приложения
Стартовая страница
Описание стартовой страницы
• На главное странице находится 2 кнопки: «Вход», «Регистрация».
• Если у пользователя нет аккаунта, то он может зарегистрироваться перейдя на форму «Регистрация», а если пользователь имеет аккаунт, то он переходит на форму «Вход».
Страница регистрации
Описание регистрационной страницы
• На странице регистрации доступны две кнопки «OK» и «Cancel».
• Для регистрации пользователю необходимо ввести имя, логин, пароль и электронный адрес.
Страница Входа
Описание страницы входа
• На странице входа доступны две кнопки «OK» и «Cancel».
• Для входа пользователю нужно ввести свой логин и пароль.
Страница Профиля
Описание страницы профиля
• На странице профиля пользователь может просмотреть свои данные, а так же их изменить.
• Так же на странице профиля доступны две кнопки: «Создать инфомаяк», «Сохраненный инфомаяк».
• Если пользователь нажмет на кнопку «Создать инфомаяк», то он перейдет на форму, где он сможет сгенерировать свое меню.
• Если пользователь нажмет на кнопку «Сохраненный инфомаяк», то он перейдет на форму, где сохранены все его меню и он сможет распечатать.
Страница заполнения
Описание страницы заполнения
• Для пользователя доступны две кнопки «OK» и «Cancel».
• Для пользователя доступно поле для заполнения меню.
Страница готового инфомаяка
Описание страницы готового инфомаяка
• Пользователю доступны три кнопки: «Печать», «Сохранить», «Cancel».
• Если пользователь нажимает «Печать», то сервер отправляет запрос на принтер для распечатки инфомаяка.
• Если пользователь сохранить «Сохранить», то инфомаяк будет сохранен в профиль пользователя.
Страница печати
Описание страницы печати
• Пользователю доступен список всех сохраненных инфомаяков, где он может их выбрать и нажать распечатать.
• Пользователю доступна одна кнопка – «Печаль».
Цель: Изучить особенности построения ситуационной модели обработки информации с помощью объектно-ориентированной модели, спроектированной в StarUML.Задание:
В соответствии с индивидуальным вариантом задания для заданной системы при помощи UML/MDA платформы «StarUML» произвести построение следующих UML-диаграмм:• диаграмма деятельности;• диаграмма взаимодействия;• диаграмма компонентов;• диаграмма последовательности;• диаграмма классов (3 ≤ кол-во классов ≤ 8).Описать каждую UML-диаграмм текстом из 5 предложений.Разработать презентацию по страницам UML-диаграмм, чередуя страницы диаграмм с текстом её описания. Формат презентации будет необходим при оформлении расчётной работы.
Диаграмма деятельности
Регестрация аккаунта
Работа с тектом
Расстановка блюд в меню
Генерация изображения-кода
Распечатка изображения-кода Генерация гипперссылки
Описание
• На данной диаграмме показана последовательность действий, с которой пользователь может достигнуть своей цели –создать электронное меню блюд. Действия: Регистрация аккаунта, Работа с текстом, Расстановка блюд в меню по очередности, Генерация изображения-кода, Распечтка электронного меню блюд, Получение гипперссылки.
Диаграмма вариантов использования
Электронное меню блюд
Пользователь
Регистрационный аккаунт Изображения-код
slideshow
<<include>>
<<include>>
<<include>>
Описание
• На слайде отображена диаграмма вариантов использования. На диаграмме изображена структура одного из вариантов использования системы. Актером данной диаграммы является «Пользователь». Он взаимодействует вариантом использования «Электронное меню блюд». «Электронное меню блюд» включает в себя: «изображения-код», «Слайдшоу» и «Регистрационный аккаунт».
Диаграмма компонентов
web clint web interface
Index.php Index.php
style.css
Index.php
Описание
• На данной диаграмме показано разбиение программной системы на структурные компоненты и связи (зависимости) между компонентами. При анализе системы были выделены такие компоненты: «Web-клиент», «Web-интерфейс»; модули сайта: «Index.html», «Index.php», «generation.php».
Диаграмма последовательности
Пользователь Севрер Инфомаяк
1 : ввести текст()2 : выполнение генерации()
3 : упорядочивание()
4 : генерация svg кода()
5 : сохранение()
Описание
• На слайде показана диаграмма последовательности. На данной диаграмме показаны взаимодействия объектов, упорядоченные по времени их проявления. Также данная диаграмма является частным случаем диаграммы взаимодействия.
Диаграмма классов
Сервер
+список сценариев
+добавить сценарий()+удалить сценарий()
Инфомаяк
+создать меню+сгенерировать изображение
+добавить()+удалить()
Описание
• Данная диаграмма показывает, какие классы будут входить в систему и связь между ними. Диаграмма состоит из двух классов: « Сервер» и «Инфомаяк».
• IDEF0 диаграмма
• Данная диаграмма показывает, что входными данными разрабатываемой системы является «текст», а выходными – «SVG изображение-код». На ряд процессов и данных накладывается ограничение такие как: «количество символов», «максимальное количество текстов». Управление данной системы будет осуществляться через WEBинтерфейс.
• Декомпозиция контекстной диаграммы.
• Данная диаграмма показывает на какие процессы разделяется контекстная диаграмма, а именно: «загрузить текст», «редактировать документ», «сгенерировать SVGизображение – код».
• Декомпозиция узла A1
• Данная диаграмма показывает, что процесс «загрузить текст» делиться на 2 под процесса: «напечатать текст», «загрузить текст на сервер». Все входы и выходы, ограничители и механизмы унаследованы от узла который был декомпилирован.
• Декомпозиция узла А2
• Данная диаграмма показывает что процесс обработки текста состоит из из ряда процессов: «обработка текста», «распознание текста, «кодирование текста».
• Декомпозиция узла А3
• Данная диаграмма показывает, что процесс генерации SVG спрайта состоит за двух под процессов таких как: «создать изображение-код», «генерация SVGизображения»
• DFD диаграмма
• Данная диаграмма показывает какие входные и выходные потоки данных связаны с «инфомаяк», а именно: «текст», «формат текста» идущие от внешние сущности «пользователь» , «WEBсервер», «SVG изображение-код». Данная диаграмма является контекстной так как на ней показаны потоки данных самого верхнего уровня.
• Декомпозиция контекстной DFD
• Данная диаграмма является декомпозицией контекстной DFDдиаграммы и показывает разбиение системы на отдельные процессы: «загрузка текстов на сервер», «обработка текста», «создание SVGизображение-кода». Все процессы выполняет сущность «WEB севрвер»
Инфомаяк
Класс ПО: Мобильная система Клиент\Генератор.
Ник: Инфомаяк электронного меню блюд.
Тема: Генерация сервером кодированного маркерами электронное меню блюд в виде многостраничного графического изображения для отображения слайдером и распознаванием мобильным клиентом.
Назначение: Беспроводная, несетевая передача объективной информация о блюдах с последующим сохранение в памяти состава заказа и интерактивным контролем формирования суммы заказа.
• ФункцииФункции: Сервер является хранилищем и генератором многостраничных плакатов электронного меню блюд. Служба с Web-интерфейсом регистрирует владельца меню, реализует ввод полей меню для хранения в базе данных, редактирует художественный шаблон титульного листа плаката меню, генерирует многостраничный анимированный SVG-плакат меню. Сервер выдает владельцу меню общедоступную URL-ссылку на SVG-плакат. Для проигрывания SVG-плаката на фоторамке существует функция конвертирования плаката в серию растровых изображений формата JPG заданного пользователем разрешения. Владелец меню собственными техническими средствами реализует показ анимированного плаката в витрине заведения. Посетитель заведения, без подключения к сети, считывает серию страниц меню блюд фотокамерой на мобильный телефон, КПК или планшет. Мобильное приложение клиента распознает код меню, сохраняет меню в базу данных и реализует интерактивный интерфейс формирования заказа по базе данных блюд. Пользователь проговаривает заказ кассиру или передает на кассу электронный заказ по безcпроводной сети WiFi или Bluetooth. Многостраничный SVG-документ содержит художественно оформленный титульный лист меню с реквизитами кафе и технической рекомендацией по считыванию мобильным клиентом кодов меню, содержит страницы зашифрованного маркерами меню и команды SMIL сценария анимации слайдшоу. На страницах с кодами меню нанесен номер текущей страницы, общее количество страниц, время показа текущей страницы в секундах. Поля электронного меню, по сравнению с печатным меню, существенно расширяют информационное поле за счёт перекрестных ссылок, возможности группировки по весу или цене блюда. Поля меню содержат следующие поля: артикль блюда, наименование блюда, к какой общей категории относится {закуски, гарнир, напитки, супы, ...}, в какую группу включено управляющим кафе, единицы измерения {штуки, литры, миллилитры, граммы}, общее количество или вес, калорийность, количество ингредиентов, список ингредиентов, вес каждого ингредиента, цена за порцию, в какой валюте указана цена, минимальное время приготовление для фирменных блюд от шеф-повара, период времени суток доступность для заказа, рекомендованные блюда, сочетающиеся с данным блюдом, словесное описание истории национальной или фирменной кухни, рекомендации техники поедания. Для сжатия данных меню блюд составляется онтологический словарь ключевых слов кулинарии, здорового питания и торговли пищей. Словарь используется для расшифровки меню блюд мобильным клиентом. Электронное меню блюд содержит только коды ключевых слов, а не текстовое описание.
• Концептуальная модель
Описание• Главными сущностями «Инфомаяка» являются :
«Мобильное приложение» , «WEB сервер», «Электронное меню блюд».
• «Мобильное приложение» - приложение на ваш смартфон с помощью которого вы можете распознать изображения и много другое.
«WEB сервер» – сайт, где вы можете создавать, хранить, редактировать ваши SVG изображения
«Электронное меню блюд» - SVG изображение содержащее список блюд их цены, состав и способы приготтовления
• Мобильное приложение
Описание• «Мобильное приложение» -приложение для вашего смартфона, которое будет распознавать коды с SVGизображений как и в online, так и в offline формате. Доступная для установки на: iOS, Android, WP. Простое, легкое, с историей заказов и посещением мест. Так же с возможностью сразу оплатить заказ по безналичному расчету.
• WEB сервер
Описание• «WEB сервер» - сайт, где пользователи могут создать свое электронное меню. На сайте доступны: главная страница, о проекте, обратная связь и личный кабинет. На главной странице можно будет прочитать для чего это может быть использовано и примеры других ресторанов. В личном кабинете можно войти как гость или под своим аккаунтом. Гостю доступно только создание изображения и slideshow. Под своим логином вы можете создавать, редактировать, сохранять изображения.
• Электронное меню блюд
Описание• «Электронное меню блюд» -список кодированных изображений содержащих в себе название блюда, его цену, состав и способ приготовления.
• Протокол1. Инфомаяк
1.1.1. WEB сервер
1.1.2. Электронное меню блюд
1.1.3. Мобильное приложение
2. Мобильное приложение
2.1.1. iOS, Android, WP
2.1.2. Распознование изображения
2.1.2.1. online
2.1.2.2. offline
2.1.3. Социальный аспект
2.1.3.1. Поделиться ссылкой в VK,
FB etc
2.1.3.2. Оставить отзыв
2.1.4. Формирование заказа
2.1.4.1. История заказов
2.1.4.2. История посещение
ресторанов
2.1.4.3. Оплата
2.1.4.3.1. VISA
2.1.4.3.2. MasterCard
2.1.4.3.3. Maestro
3. WEB сервер
3.1.1. Личный кабинет
3.1.1.1. Личный кабинет
3.1.1.1.1. Генерация SVG
изображения
3.1.1.1.2. Хранение SVG
изображения
3.1.1.1.3. Редактирование
записей
3.1.1.1.4. Slideshow
3.1.1.2. Гостевой доступ
3.1.1.2.1. Генерация SVG
изображения
3.1.1.2.2. SlideShow
3.1.2. Главная
3.1.3. О проэкте
3.1.4. Обратная связь
4. Электронное меню блюд
4.1.1. Горячее блюдо
4.1.1.1. Цена
4.1.1.2. Состав
4.1.1.3. Способ приготовления
4.1.1.4. Время ожидания
4.1.2. Напитки
4.1.2.1. Алкогольные
4.1.2.1.1. Цена
4.1.2.2. Без алкогольные
4.1.2.2.1. Цена
4.1.3. Холодное блюдо
4.1.3.1. Цена
4.1.3.2. Состав
4.1.3.3. Способ приготовления
4.1.3.4. Время ожидания
• Спасибо за просмотр. Конец.