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

По вопросам сотрудничества: @dm_fedorov
Download Telegram
👋 О чем этот канал? Пост для новых друзей

Привет, я Дима, в прошлом инструктор по Python и pandas, а сейчас — руководитель образовательных проектов в команде Positive Education 🟥

Мне интересно объединять визуализацию, обучение и игровые механики 👨‍🏫

Обожаю в drawio рисовать схемы и карты, потому что жизнь — это как компьютерная игра с новыми уровнями 🕹

Из недавних схем:
— карьерный путь в кибербезе: cybersecurity-roadmap.ru (PDF-версия)
— визуальная система терминов в ИБ: cybersecurity-glossary.ru (PDF-версия)

В этом канале будем развивать насмотренность и учиться визуализировать 💪
Please open Telegram to view this post
VIEW IN TELEGRAM
👍51👎1👏1
"Учись на публике"

Или "Doing It in Public", так называется книга, которую пишет Николь ван дер Ховен. Идея книга состоит в публикации промежуточных результатов работы, чтобы побороть синдром самозванца.

По такому принципу разрабатывалась схема карьерных треков в ИБ. О каждом шаге я сообщал в канале и получал быструю обратную связь. На рисунках можно сравнить, что было и что стало 🤔

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

#публичная_разработка
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👏3👍1🔥1🥰1
История одной схемы и первое знакомство с 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