How to

Приложение разрабатывалось и тестировалось в браузере Google Chrome. В IE10 визуализация работает неправильно.

При инициализации страницы пользователь попадает в режим редактирования, в котором объектам сети можно менять какие-либо параметры.

Верхняя полоска меню зависит от режима работы. При редактировании на ней располагаются кнопки выбора новых элементов (т.е. свитч, рутер или обычный компьютер-хост по умолчанию) и кнопка freeze, переводящая в режим симуляции сети. В режиме симуляции, доступны кнопки play/pause и step forward, запускающие/останавливающие симуляцию а также пошаговый запуск; поле ввода скорости эмуляции (означает паузу в миллисекундах между тиками виртуальной среды) и кнопка перевода обратно в режим редактирования параметров сети.

В центре слева располагается окно редактора графа сети:

• mouse scroll [внутри окна редактора]: масштабирование
• LKM press [поле редактора]: перемещение самого поля
• LKM [поле редактора]: сбросить выделение
• LKM [вершина/ребро графа]: выделить объект
• ctrl+LKM press [поле редактора]: зажмите обе клавишы чтобы выделить прямоугольную область
• ctrl+LKM [вершина/ребро графа]: добавить/удалить объект к текущему выделению
• shift + LKM [поле редактора] [пустое выделение]: добавить новый объект
• shift + LKM [поле редактора] [непустое выделение]: добавить новый объект и добавить линки к выделенным вершинам
• shift+LKM [вершина графа] [непустое выделение]: добавить линки от вершины ко всем вершинам выделения
• r [непустое выделение]: удалить выделенные объекты

В центре справа находится блок, в котором в зависимости от текущего режима и выделения появляется меню редактирования объектов/отправки сообщений:

• одна вершина [host | router] [edit mode]: верхний блок позволяет добавлять/удалять IP адреса (при выборе сетевого интерфейса, соответствующие линки (ребра) подсвечиваются светло-зеленым для удобства), нижний - управлять маршрутами в таблице маршрутизации вершины
• несколько вершин [edit mode] [connected subgraph]: в случае, если выделенные вершины образуют связный подграф, то редактор выделяет для себя сетевые интерфейсы, принадлежащие данному подграфу и предоставляет возможность добавить на все эти сетевые интерфейсы по IP адресу, начиная с введенного в поле ввода (адреса берутся инкрементно по порядку, порядок обхода интерфейсов неизвестен). Также редактор среди интерфейсов подграфа пытается найти общие для всех подсети, выводит их списком и предоставляет возможность удалять их.
• 1-2 вершины [host] [freeze mode]: меню отправки сообщений. IP адреса отправителя/получателя можно задать вручную, либо из списков за счет выделения (первый - отправитель, второй - получатель). Интерес могут представлять так же поля xTimes и Delay - первый задает сколько раз отправлять сообщение, второй - какой промежуток в тиках виртуальной среды между отправками сообщений (первый будет отправлен без задержки).

Во время работы с симулятором, откройте консоль браузера, чтобы видеть детализацию (в Chrome ctrl+shift+j).