Tребования

• Функциональные требования
1. Личная страница должна содержать визуализируемый тег и ссылки на исходные код и wiki-страницу
2. Личная страница должна обеспечивать работу пункту 2 функциональных требований в автономном режиме (без подключения к сети Интернет) с помощью стандартного интернет-обозревателя.
3. Авторизация и аутентификация должны быть реазированы с помощью VK API. Защищаемым объектом являются настройки цветовой схемы страницы.
4. После авторизации пользователь должен иметь возможность выбрать предпочтительную цветовую схему из предоставленного ему списка (с сохранением настроек).

• Системные требования и требования к реализации
1. Личная страница должна быть разработана с использованием языков HTML, JavaScript и CSS.
2. Для обмена информацией с сервером настроек должен использоваться формат JSON.
3. Исходный код страницы должен быnь разбит на несколько файлов формата html, js и css.

• Требования к пользовательскому интерфейсу
1. Элементы расположены горизонтально в следующем порядке:
а. Строка авторизации и аутентификации
b. Строка настроек цветовой схемы страницы (видна только авторизированным пользователям)
c. Строка ссылок (на исходные коды и wiki-страницу)
d. Раздел с требованиями к личной странице
i. Раздел с визуализируемым тегом
f. Раздел с UML Class diagram
2. Цветовая схема личной страницы состоит из трех цветов (цвет фона страницы, цвет фона блоков и цвет заголовков) и взяты из следующего списка:
Красный - темно-красный - hыжий;
Белый - розовый - черный.
3. Элементы d, i, f раздела 1 требований к пользовательскому интерфейсу должны скрывать и показывать содержимое по одинарному клику по заголовку. По умолчанию элементы раскрыты.

• Требования к разделу "Визуализируемый тег"
1. Раздел содержит демонстрацию работы, исходный код и диаграмму классов. • Требования к диаграмме классов
2. Диаграмма классов — диаграмма, демонстрирующая классы, используемые в разделе "Визуализируемый тег", их атрибуты, методы и взаимосвязи между ними. Представляет собой изображение в формате png с прозрачным фоном.
3. Цвета элементов диаграммы классов зависят от цветовой схемы следующим образом: цвет рамки диаграммы - цвет заголовка страницы, основной цвет блока диаграммы - цвет фона страницы.