jcase: прототип дизайна и примерная архитектура
Веб-приложение будет состоять из одной страницы с динамической подгрузкой конента для визуализации IDEF0-диаграмм.
Изначально на странице будет расположен input для ввода ссылки на JSON-файл, а также кнопка, запускающая процесс визуализации.
После нажатия на кнопку чуть ниже всех элементов будет располагаться Canvas-элемент на котором будет обрисовывается IDEF0 диаграмма.
Основную логику веб-приложения будут осуществлять три "модуля":
- Модуль получения JSON-файла по ссылке и десериализация его в js-объект.
- Модуль проверки - осуществляет проверку js-объекта на существования всех нужных полей, а также типов данных этих полей.
- Модуль отрисовки - отрисовывает в canvas IDEF0 диаграмму по js-объекту.
Для каждого модуля будет создан отдельный js файл, реализующий его логику. Каждый js файл будет лежать в папке js в корне проекта, файлы стилей будут лежать в папке css. Верстка главной страницы будет находиться в файле index.htmn в корне проекта.