Топология

Топология сети

Топология сети — это схема структуры сети, состоящая из сетевых узлов и коммуникационной среды (из Википедии).

Описание проекта

Этот репозиторий предоставляет топологию сети в виде комплекта готового к использованию HTML5-решения для визуализации топологии сети, ориентированного на корпоративных пользователей и пользователей уровня телекоммуникационных компаний. Графика выполнена в формате SVG и дополнена набором UI-инструментов, которые помогут вам лучше понять, как работает Topology.

Topology был разработан в 2013 году. Следует отметить, что версия Topology на GitHub представляет собой простой пример, поскольку: во-первых, я сохранил только клиентскую часть (серверная часть менее важна); во-вторых, полная версия Topology включает множество графических решений (например, влияние бизнеса и связи, виртуальные частные сети, виртуализированные ресурсы облачной среды и т. д.), и только упрощённая версия позволяет сосредоточиться на технических аспектах.

Предварительный просмотр

Снимок экрана главной страницы

Снимок экрана страницы редактирования

Мобильная версия (iOS Safari)

Онлайн-пример

После открытия страницы примера будут загружены ресурсы. Пожалуйста, проявите терпение. Рекомендуется использовать браузер Google Chrome для просмотра.
Онлайн-пример

Руководство

1. Поскольку файлов много, рекомендуется загрузить ZIP-файл (4,9 МБ) и распаковать его для просмотра.
2. Откройте main.html в корневом каталоге для просмотра.
3. Вид с именем blank позволит вам испытать функцию графического редактирования.
4. Дополнительные функции будут постепенно добавляться:)

Характеристики

• Полностью векторизованная графика без потери качества при масштабировании.
• Опыт рисования, похожий на MS Visio.
• Настраиваемая графика «что видишь, то и получаешь».
• Поддержка экспорта графики в форматы PNG или JPG, а также экспорта векторной графики в формат PDF (требуется серверная Java).
• Поддержка операций с помощью горячих клавиш.
• Поддержка лупы.

Совместимость с браузерами

План

• Отмена и повтор действий.
• Поддержка мобильных операций и адаптивного пользовательского интерфейса.
• Улучшение редактирования ломаных линий.
• Добавление большего количества эффектов рендеринга графики, таких как свечение и выделение.
• Внедрение стиля Bootstrap.
• Постепенное опубликование исходных файлов кода.
• Сделать больше! Например, UML-диаграммы, блок-схемы и т. д.

Автор

@zhaodabao
@wangzhenhua
@luqin

Лицензия

Topology выпущен под лицензией GPL.