4. Описание стартовой страницы
• На главное странице находится 2 кнопки: «Вход», «Регистрация».
• Если у пользователя нет аккаунта, то он может зарегистрироваться
перейдя на форму «Регистрация», а если пользователь имеет
аккаунт, то он переходит на форму «Вход».
6. Описание регистрационной
страницы
• На странице регистрации доступны две кнопки «OK» и «Cancel».
• Для регистрации пользователю необходимо ввести имя, логин, пароль
и электронный адрес.
10. Описание страницы профиля
• На странице профиля пользователь может просмотреть свои
данные, а так же их изменить.
• Так же на странице профиля доступны две кнопки: «Создать
инфомаяк», «Сохраненный инфомаяк».
• Если пользователь нажмет на кнопку «Создать инфомаяк», то он
перейдет на форму, где он сможет сгенерировать свое меню.
• Если пользователь нажмет на кнопку «Сохраненный инфомаяк», то он
перейдет на форму, где сохранены все его меню и он сможет
распечатать.
14. Описание страницы готового
инфомаяка
• Пользователю доступны три кнопки: «Печать», «Сохранить», «Cancel».
• Если пользователь нажимает «Печать», то сервер отправляет запрос
на принтер для распечатки инфомаяка.
• Если пользователь сохранить «Сохранить», то инфомаяк будет
сохранен в профиль пользователя.
16. Описание страницы печати
• Пользователю доступен список всех сохраненных инфомаяков, где он
может их выбрать и нажать распечатать.
• Пользователю доступна одна кнопка – «Печаль».
17. Цель: Изучить особенности построения ситуационной модели
обработки информации с помощью объектно-ориентированной
модели, спроектированной в StarUML.
Задание:
В соответствии с индивидуальным вариантом задания для
заданной системы при помощи UML/MDA платформы «StarUML»
произвести построение следующих UML-диаграмм:
• диаграмма деятельности;
• диаграмма взаимодействия;
• диаграмма компонентов;
• диаграмма последовательности;
• диаграмма классов (3 ≤ кол-во классов ≤ 8).
Описать каждую UML-диаграмм текстом из 5 предложений.
Разработать презентацию по страницам UML-диаграмм, чередуя
страницы диаграмм с текстом её описания. Формат презентации
будет необходим при оформлении расчётной работы.
19. Описание
• На данной диаграмме показана
последовательность действий, с которой
пользователь может достигнуть своей цели –
создать электронное меню блюд. Действия:
Регистрация аккаунта, Работа с
текстом, Расстановка блюд в меню по
очередности, Генерация изображениякода, Распечтка электронного меню
блюд, Получение гипперссылки.
21. Описание
• На слайде отображена диаграмма
вариантов использования. На диаграмме
изображена структура одного из вариантов
использования системы. Актером данной
диаграммы является «Пользователь». Он
взаимодействует вариантом использования
«Электронное меню блюд». «Электронное
меню блюд» включает в себя:
«изображения-код», «Слайдшоу» и
«Регистрационный аккаунт».
23. Описание
• На данной диаграмме показано разбиение
программной системы на
структурные компоненты и связи
(зависимости) между компонентами. При
анализе системы были выделены такие
компоненты: «Web-клиент», «Webинтерфейс»; модули сайта:
«Index.html», «Index.php», «generation.php
».
25. Описание
• На слайде показана диаграмма
последовательности. На данной диаграмме
показаны взаимодействия
объектов, упорядоченные по времени их
проявления. Также данная диаграмма
является частным случаем диаграммы
взаимодействия.
27. Описание
• Данная диаграмма показывает, какие
классы будут входить в систему и связь
между ними. Диаграмма состоит из двух
классов: « Сервер» и «Инфомаяк».
30. • Данная диаграмма
показывает, что входными
данными разрабатываемой
системы является «текст», а
выходными – «SVG изображениекод». На ряд процессов и данных
накладывается ограничение
такие как: «количество
символов», «максимальное
количество текстов». Управление
данной системы будет
осуществляться через WEB
32. • Данная диаграмма показывает
на какие процессы разделяется
контекстная диаграмма, а
именно: «загрузить
текст», «редактировать
документ», «сгенерировать SVG
изображение – код».
34. • Данная диаграмма
показывает, что процесс
«загрузить текст» делиться на 2
под процесса: «напечатать
текст», «загрузить текст на
сервер». Все входы и
выходы, ограничители и
механизмы унаследованы от
узла который был
декомпилирован.
36. • Данная диаграмма показывает
что процесс обработки текста
состоит из из ряда процессов:
«обработка текста»,
«распознание текста,
«кодирование текста».
38. • Данная диаграмма
показывает, что процесс
генерации SVG спрайта состоит
за двух под процессов таких как:
«создать изображениекод», «генерация SVG
изображения»
41. • Данная диаграмма показывает
какие входные и выходные
потоки данных связаны с
«инфомаяк», а именно:
«текст», «формат текста» идущие
от внешние сущности
«пользователь» , «WEB
сервер», «SVG изображениекод». Данная диаграмма
является контекстной так как на
ней показаны потоки данных
самого верхнего уровня.
43. • Данная диаграмма является
декомпозицией контекстной DFD
диаграммы и показывает
разбиение системы на отдельные
процессы: «загрузка текстов на
сервер», «обработка
текста», «создание SVG
изображение-кода». Все
процессы выполняет сущность
«WEB севрвер»
44. Инфомаяк
Класс ПО: Мобильная система КлиентГенератор.
Ник: Инфомаяк электронного меню блюд.
Тема: Генерация сервером кодированного маркерами электронное
меню блюд в виде многостраничного графического изображения
для отображения слайдером и распознаванием мобильным
клиентом.
Назначение: Беспроводная, несетевая передача объективной
информация о блюдах с последующим сохранение в памяти
состава заказа и интерактивным контролем формирования суммы
заказа.
45. • Функции
Функции: Сервер является хранилищем и генератором многостраничных плакатов электронного меню блюд. Служба
с Web-интерфейсом регистрирует владельца меню, реализует ввод полей меню для хранения в базе
данных, редактирует художественный шаблон титульного листа плаката меню, генерирует многостраничный
анимированный SVG-плакат меню. Сервер выдает владельцу меню общедоступную URL-ссылку на SVG-плакат. Для
проигрывания SVG-плаката на фоторамке существует функция конвертирования плаката в серию растровых
изображений формата JPG заданного пользователем разрешения. Владелец меню собственными техническими
средствами реализует показ анимированного плаката в витрине заведения. Посетитель заведения, без подключения
к сети, считывает серию страниц меню блюд фотокамерой на мобильный телефон, КПК или планшет. Мобильное
приложение клиента распознает код меню, сохраняет меню в базу данных и реализует интерактивный интерфейс
формирования заказа по базе данных блюд. Пользователь проговаривает заказ кассиру или передает на кассу
электронный заказ по безcпроводной сети WiFi или Bluetooth. Многостраничный SVG-документ содержит
художественно оформленный титульный лист меню с реквизитами кафе и технической рекомендацией по
считыванию мобильным клиентом кодов меню, содержит страницы зашифрованного маркерами меню и команды
SMIL сценария анимации слайдшоу. На страницах с кодами меню нанесен номер текущей страницы, общее
количество страниц, время показа текущей страницы в секундах. Поля электронного меню, по сравнению с
печатным меню, существенно расширяют информационное поле за счёт перекрестных ссылок, возможности
группировки по весу или цене блюда. Поля меню содержат следующие поля: артикль блюда, наименование
блюда, к какой общей категории относится {закуски, гарнир, напитки, супы, ...}, в какую группу включено
управляющим кафе, единицы измерения {штуки, литры, миллилитры, граммы}, общее количество или
вес, калорийность, количество ингредиентов, список ингредиентов, вес каждого ингредиента, цена за порцию, в
какой валюте указана цена, минимальное время приготовление для фирменных блюд от шеф-повара, период
времени суток доступность для заказа, рекомендованные блюда, сочетающиеся с данным блюдом, словесное
описание истории национальной или фирменной кухни, рекомендации техники поедания. Для сжатия данных меню
блюд составляется онтологический словарь ключевых слов кулинарии, здорового питания и торговли пищей.
Словарь используется для расшифровки меню блюд мобильным клиентом. Электронное меню блюд содержит
только коды ключевых слов, а не текстовое описание.
47. •
Описание :
Главными сущностями «Инфомаяка» являются
«Мобильное приложение» , «WEB сервер», «Электронное
меню блюд».
•
«Мобильное приложение» - приложение на ваш смартфон
с помощью которого вы можете распознать изображения и
много другое.
«WEB сервер» – сайт, где вы можете
создавать, хранить, редактировать ваши SVG изображения
«Электронное меню блюд» - SVG изображение содержащее
список блюд их цены, состав и способы приготтовления
49. Описание
• «Мобильное приложение» приложение для вашего
смартфона, которое будет
распознавать коды с SVG
изображений как и в online, так и
в offline формате. Доступная для
установки на: iOS, Android, WP.
Простое, легкое, с историей
заказов и посещением мест. Так
же с возможностью сразу
оплатить заказ по безналичному
расчету.
51. Описание
• «WEB сервер» - сайт, где пользователи
могут создать свое электронное меню. На
сайте доступны: главная страница, о
проекте, обратная связь и личный кабинет.
На главной странице можно будет
прочитать для чего это может быть
использовано и примеры других
ресторанов. В личном кабинете можно
войти как гость или под своим аккаунтом.
Гостю доступно только создание
изображения и slideshow. Под своим
логином вы можете
создавать, редактировать, сохранять
изображения.