Дизайн

Дизайн html страницы

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

Приложение состоит из нескольких модулей:

• Модуль получения JSON-файла по ссылке и конвертации его в js-объект.
• Модуль проверки - осуществляет проверку js-объекта на существования всех нужных полей, а также типов данных этих полей.
• Модуль отрисовки - отрисовывает в UML class диаграмму по js-объекту.

Структура файлов проекта

Для каждого модуля будет создан отдельный js файл. Каждый js файл будет лежать в папке js в корне проекта, файлы стилей будут лежать в папке css. Верстка главной страницы будет находиться в файле index.htmn в корне проекта.