Учимся визуализировать
211 subscribers
23 photos
16 links
В этом канале будем развивать насмотренность и учиться визуализировать.

По вопросам сотрудничества: @dm_fedorov
Download Telegram
История одной схемы и первое знакомство с drawio ✍️

Несколько лет назад я участвовал в обновлении учебного курса по MP SIEM. Одна из тем курса — таксономия событий (об этом можно почитать на Хабре) 📕

Первоначальная схема (темная) мне не нравилась по ряду причин: хотелось добавить 1️⃣ интерактивности, 2️⃣ показать устаревшие поля 👨‍🎓

Несколько дней выбирал инструмент для визуализации, пробовал mind map и power point, но в итоге остановился на drawio. Позже обнаружил в нем экспорт в HTML-формат 🚀

На рисунках показал, что было и что стало, прототип обновленной схемы разместил по ссылке (серым цветом показаны неактуальные поля) 👷

#схемы_в_кибербезе
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🔥1
Сфокусироваться на главном с помощью слоев в drawio ✍️

Я использую схемы, как замену power point (PP) 👨‍🎓 О недостатках PP можно говорить долго, см. пост Бессмысленная презентация у Лебедева.

Вместо фокусировки на отдельном слайде схема позволяет посмотреть на предмет целостно, системно.

На примере схемы карьерных треков показаны два режима: для начинающих и продвинутых специалистов 👷

На рисунках схема расширяется с помощью слоев drawio. Возникают ассоциации с компьютерной игрой, где персонаж видит новые пути после прохождения начального уровня 🎮

#слои #drawio
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1🔥1👏1
Декомпозиция схемы с помощью страниц drawio 👨‍🏫

Мне нравится, когда повествование ведется от общего к частному и при необходимости уточняются детали.

На рисунке перечислены ключевые специализации инженера по ИБ, но это не полный список, поэтому подробности отразил на отдельной странице в drawio и указал ссылку.

Для погружения в тему декомпозиции систем рекомендую книгу Ф.П. Тарасенко "Прикладной системный анализ", второе изд. (2017) ✍️

#drawio #страницы #система
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3🤔1
Сила связей (онтологий) 🤔

Онтология – по определению Грубера (1997), есть спецификация концептуализации, формализованное представление основных понятий и связей между ними.

Звучит сложно, разберем на примере 👀

Первоначальная версия схемы карьерных треков ДО (без связей) и ПОСЛЕ добавления именованных связей показаны на рисунках ✍️

С виду небольшие изменения, но они позволили сделать схему читаемой без дополнительных комментариев автора 🥳

На тему онтологий рекомендую фундаментальный учебник "Инженерия знаний. Модели и методы".

#drawio #связи
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍21
Визуализация вредоносного ПО

Изучением и составлением схем я увлекаюсь со школы, а началось все с карт: ребенок может нанести на карту свой район, полный секретных укрытий, домов друзей и парков 🗺

Затем увлечение переросло в графику и научное программирование. Теперь вот погрузился в визуализацию, связанную с кибербезом 👨‍🎓

В науке и образовании визуализация позволяет объяснить сложные темы или выявить неявные закономерности 📕
Кибербез тут не стал исключением 👷

Например, Альдо Кортези далеко не первый, кто перевел бинарный код в графику.

Далее несколько стареньких статей об этом:

1️⃣ Визуализация двоичных файлов с помощью заполняющих пространство кривых

2️⃣ Визуализация энтропии в двоичных файлах

3️⃣ Вредоносное ПО

4️⃣ binvis[.]io — браузерный инструмент для визуализации двоичных данных

Посмотрите на примеры визуализации бинарных файлов: ELF, PE32 или PDF.

Выглядит, как минимум, красиво 🥹

#визуализация
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2🔥2🤔1
ASCII диаграммы 🤓

А вы знали, что ASCII диаграммы продолжают свою жизнь в исходных текстах? 🤔

На этой веб-странице каталогизированы ASCII диаграммы, извлеченные из четырех открытых исходных кодовых баз: Chromium, Linux, LLVM и TensorFlow. Всего имеется 2156 диаграмм, из которых 504 были аннотированы 👨‍🎓

Информацию о том, как был собран набор данных см. в статье 📕

#ASCII
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
Схематизация и визуализация. В чем разница? 🤔

Схематизация и визуализация — необходимые средства, обеспечивающие деятельность современного специалиста.

Схематизация позволяет выделить в объекте главное, обнаружить составляющие его элементы, показать их взаимосвязь, дает толчок к построению концептуальных подходов.

Визуализация "одевает" схематические концепты в яркую, выразительную художественно графическую форму.

Понятия "схема" и "схематизация" ведут род от греческого "schema" — наружный вид, форма. В литературе под схемой понимается чертеж, на котором условными графическими обозначениями показаны части объекта, изделия, процесса, а также связи между ними.

Процесс схематизации состоит из нескольких этапов, в числе которых можно выделить следующие.
1️⃣ Объект схематизации делится на части, в нем вычленяются главные элементы — признаки, подлежащие отражению на схеме.
2️⃣ Выявляются отношения между этими частями, элементами, признаками.
3️⃣ Выбирается язык схематизации — система графем, условных знаков, образов, позволяющих адекватно отразить изучаемый объект.
4️⃣ С помощью языка схематизации создается схема объекта, явления, процесса — его графическое отображение.

В качестве конкретного примера схематизации можно рассмотреть схему московского метро. Она представляет собой графическое изображение сложной транспортной системы — линий метро, находящихся на них станций, пересадочных узлов, привязанных к плану города. Схема метро позволяет ориентироваться в этой системе, определять в ней свое местоположение, составлять маршрут следования, приблизительно рассчитывать время в пути и т. д. Приведенный пример позволяет увидеть, что язык схематизации имеет далеко не второстепенное значение. Один язык может в большей степени подходить для решения поставленной задачи, другой — в меньшей.

Как справедливо отметил Г. П. Щедровицкий, "изображения нам нужны для того, чтобы мы могли с ними работать. Изображение не должно точно соответствовать объекту. Модель объекта не соответствует объекту по простой причине: если бы изображение было полностью тождественно объекту, оно нам было бы ни к чему. В этом весь смысл модели: модель по определению отличается от объекта. И изображение точно так же. В этом — самое главное. Получив изображение объекта, я должен с ним работать. И оно должно быть прилажено к работе, должно ей соответствовать. Отсюда требования конструктивности и оперативности".


Из книги Исаков В. Б. Говорите языком схем : краткий справочник / В. Б. Исаков. — М. : Норма : ИНФРА М, 2019. — 144 с. : ил.

#теория #схематизация
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3🔥1
Схемы в психологии и психиатрии 🤔

Мне сразу вспомнились две схемы 📕

Эрик Берн — психолог и психиатр, который визуализировал психологические "игры". Он показал, что в каждый момент времени человек находится в одном из трех эго-состояний, которые определяют его поведение и особенности общения, — Родитель, Взрослый или Ребенок. Смена состояний происходит как угодно часто и очень быстро.

Треугольник Карпмана — это модель созависимых отношений, в которых участвуют трое: Преследователь, Жертва и Спасатель. Правила, по которым работает эта модель, сформулировал американский психиатр Стивен Карпман в 1968 году.

#психология #Эрик_Берн #Треугольник_Карпмана
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1🔥1
Схема финансовой деятельности ✍️

На мое текущее представление о науке и схематизации повлияла книга Берёзкина Ю. М. Методология научных исследований (деятельностный подход): курс лекций, 2016. Перечитал ее несколько раз и стараюсь каждый год к ней возвращаться 📕

Автор — д.э.н., поэтому все примеры в книге из области финансов, разобраться в них несложно 👨‍🎓

Недавно у Берёзкина Ю. М. вышла монография Проблемы развития финансовой деятельности, 2024 рисунок взял оттуда ⬇️

#финансы #институты
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔2👍1
Концептуальная схема для анализа движущих сил киберпреступности 🤔

Схема включает пять взаимосвязанных компонентов: социальные, экономические, политические, технологические и факторы обеспечения кибербезопасности 👨‍💻

Потенциальные пути, по которым каждый компонент может прямо или косвенно влиять на киберпреступность, проиллюстрированы на рисунке линиями.

Сплошная линия указывает на прямой эффект, а пунктирная линия — на косвенный эффект. H1–H5 относятся к пяти гипотезам, «+» указывает на положительный эффект, а «−» — на отрицательный эффект.

↘️ Схема из статьи Exploring the global geography of cybercrime and its driving forces (2023)

#киберпреступность
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥1🤔1
Карта полного руководства по работе с захватом пакетов в командной строке ✍️

Помогает ориентироваться в документации 🤔

Источник

#карта_сайта
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
Прикольный инструмент визуализации пути атакующего 📇 от первичного вектора атаки до компрометации Active Directory, бэкапов или систем виртуализации. Сейчас прописаны самые распространенные пути, но можно добавлять свои. Простенько и со вкусом 🔓

#ttp #модельугроз
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3🔥1
Как сделать схему ролей в кибербезе понятнее? 🤔

Внес несколько дополнений в схему cybersecurity-roadmap.ru и ее PDF-версию.

1️⃣ Описание ролей поместил на саму схему, т.к. по ссылкам редко переходят.

2️⃣ У ролей появились немного наклоненные квадратные академические шапочки (конфедератки), которые ведут на практикумы Positive Education.

#схема #кадры_в_ИБ
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥2👍1
Карта экосистемы вымогателей Ransomware

Карта визуализации отношений и временных линий, связанных с +300 группами вымогателей, в период с 2015 по 2025 год.

Источник


#Ransomware
👍1🔥1