Министерство науки высшего и общего образования Российской Федерации Федеральное государственное бюджетное образовательное учреждение высшего образования

«ТОМСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ СИСТЕМ УПРАВЛЕНИЯ И РАДИОЭЛЕКТРОНИКИ» (ТУСУР)

Кафедра безопасности информационных систем (БИС)

Draw.io

Отчет по лабораторной работе №5 по дисциплине «Информатика»

Студент гр. 745-1

_________ Ю.А. Булычева __.__.2025

Принял Старший преподаватель кафедры КИБЭС

_________ А.К. Талашко __.__.2025

Томск 2025

2

Введение

В рамках данной работы проводится исследование функциональных возможностей редактора диаграмм «Draw.io» с целью приобретения и закрепления практических навыков работы с данным программным инструментом.

3

1.ХОД РАБОТЫ

1.1Интерфейс Draw.io

Интерфейс Draw.io интуитивно понятный и состоит из, панели инструментов сверху, панели элементов слева, панели форматирования справа, панели вкладок снизу (рис. 1.1).

Рисунок 1.1 — Интерфейс Draw.io.

1.2Панель управления

Спомощью панели управления можно скрывать/отображать панели форматирования, изменять масштаб, отменять изменения, изменять оформление (рисунок 1.2).

Рисунок 1.2 — Панель управления.

1.3 Меню

Главное меню редактора имеет стандартную для многих приложений структуру и включает пункты: «Файл», «Правка», «Вид», «Расположение»,

4

«Дополнительно», «Помощь». Доступность некоторых пунктов контекстно зависит от типа выбранной диаграммы или элемента (рис. 1.3).

•Файл: Операции с файлами: создание, открытие, импорт, экспорт, печать.

•Вид: Настройка интерфейса: отображение и скрытие рабочих панелей.

•Расположение: Упорядочивание элементов: группировка, выравнивание, а также вставка шаблонов, ссылок и изображений.

•Правка: Управление объектами диаграммы: изменение размера, положения, блокировка.

•Дополнительно: Настройки редактора: выбор темы, языка, формулы, режима автосохранения.

Рисунок 1.3 — Меню.

1.4 Работа с диаграммами

Панель форматирования, расположенная в правой части интерфейса, предоставляет доступ к настройкам свойств выделенных элементов: фигур, соединителей, текста и всей схемы в целом (рис. 1.4).

•В разделе «Вид» настраивается отображение холста: можно включить или отключить сетку, изменить цвет фона, добавить фоновое изображение, тени, а также задать формат страницы.

•Вкладка «Параметры» управляет видимостью вспомогательных элементов редактирования, таких как стрелки и точки соединения, а также направляющих, что значительно упрощает процесс выравнивания и компоновки диаграммы.

5

Рисунок 1.4 — Раздел диаграмма.

Вкладка «Стиль» предоставляет инструменты для форматирования диаграммы, включая применение единого стиля ко всем элементам, изменение внешнего вида фигур на рукописный скетч, а также скругление углов как у фигур, так и у линий соединения (рисунок 1.5).

6