Блок-схемы и данные: различия между версиями

Материал из Поле цифровой дидактики
← Предыдущая правка
Нет описания правки
 
(не показана 21 промежуточная версия этого же участника)
Строка 1: Строка 1:
{{Событие
{{Событие
|Description=вебинар для магистрантов
|Description=вебинар для магистрантов ПБД211М
|has start=2022-10-08T09:00:37.000Z
|has start=2022-10-08T09:00:37.000Z
|has end=2022-10-08T11:54:37.000Z
|has end=2022-10-08T11:54:37.000Z
Строка 6: Строка 6:
|Website=http://digida.mgpu.ru/
|Website=http://digida.mgpu.ru/
}}
}}
 
Для магистрантов [[:Категория:ПБД211М|ПБД211М]]


== [[Блок-схема]] ==
== [[Блок-схема]] ==
Строка 41: Строка 41:
</graphviz>
</graphviz>


=== Блок-схемы в plantUML ===  
==== Шаблон для диаграммы ====


<nowiki>
digraph FlowChartName {
rankdir = TB;
compound = true;
splines = ortho;


=== Блок-схемы в Mermaid ===
node [
shape = "box"
style = "filled, rounded"
fillcolor = 4
colorscheme = pastel16
] Start, End;
// Task
node [
shape = "box"
style = "filled"
fillcolor = 2
colorscheme = pastel16
];
// Data Input/Output
node [
shape = "parallelogram"
style = "filled"
fillcolor = 3
colorscheme = pastel16
];
// Condition
node [
shape = "diamond"
style = "filled"
fillcolor = 6
colorscheme = pastel16
];
// Comment
node [
shape = "box"
style = "dashed"
];
// Process
node [
shape = "record"
style = "filled"
fillcolor = 5
colorscheme = pastel16
];


// cluster


== Данные ==
// labels


=== Как использовать свойства типов данных в Semantic MediaWiki ===
// edges


=== Как использовать внешний датасет в Semantic MediaWiki ===
}
</nowiki>


=== Где найти внешние датасеты ===
===== Результат =====
Превратится в блок-схему


=== Как загрузить  датасет в Snap! ===
<graphviz>
digraph FlowChartName {
label = "Напишем тут название схемы" ;
rankdir = TB;
node [
shape = "box"
style = "filled, rounded"
fillcolor = 4
colorscheme = pastel16
] Start, End;
// Task
node [
shape = "box"
style = "filled"
fillcolor = 2
colorscheme = pastel16
];
// Data Input/Output
node [
shape = "parallelogram"
style = "filled"
fillcolor = 3
colorscheme = pastel16
];
// Condition
node [
shape = "diamond"
style = "filled"
fillcolor = 6
colorscheme = pastel16
];
// Comment
node [
shape = "box"
style = "dashed"
];
// Process
node [
shape = "record"
style = "filled"
fillcolor = 5
colorscheme = pastel16
];
Start -> End
}


=== Как работать с данными в Snap! ===


=== Какие структуры данных есть в Snap! ===
</graphviz>


=== Как использовать аудио в качестве источника данных Snap! ===
=== Пример графа ===
 
<graphviz>
=== Как использовать изображение в качестве источника данных в Snap! ===
digraph A {
a -> b0
a -> b3
xb [label="hi",width=.1,style=invis]
a -> xb [style=invis]
a -> b1
{rank=same b0 -> xb -> b1 [style=invis]}
b0 -> c0
xc [label="bye",width=.1,style=invis]
b0 -> xc [style=invis]
b0 -> c1
{rank=same c0 -> xc -> c1 [style=invis]}
b0 -> c2
}
</graphviz>


=== Как использовать видео в качестве источника данных в Snap! ===
=== Блок-схемы в [[plantUML]] ===


=== Как сравнивать скорости работы алгоритмов в Snap!======
=== Блок-схемы в [[Mermaid]] ===

Текущая версия от 13:11, 15 октября 2022


Описание события вебинар для магистрантов ПБД211М
Тип события
Начало 2022-10-08T09:00:37.000Z
Окончание 2022-10-08T11:54:37.000Z
color green
Адрес события http://digida.mgpu.ru/
Видео запись события
Среды и средства, которые использовались в рамках события
Формируемые в рамках события компетенции
Область знаний
Местоположение
Формат реализации


Для магистрантов ПБД211М

Блок-схема

Как редактировать блок-схемы на страницах Semantic MediaWiki

У нас есть три средства (три языка) представления блок-схем на страницах Semantic MediaWiki:

  1. graphviz
  2. plantUML
  3. mermaid

Блок-схемы в graphviz

Шаблон для диаграммы

digraph FlowChartName { rankdir = TB; compound = true; splines = ortho; node [ shape = "box" style = "filled, rounded" fillcolor = 4 colorscheme = pastel16 ] Start, End; // Task node [ shape = "box" style = "filled" fillcolor = 2 colorscheme = pastel16 ]; // Data Input/Output node [ shape = "parallelogram" style = "filled" fillcolor = 3 colorscheme = pastel16 ]; // Condition node [ shape = "diamond" style = "filled" fillcolor = 6 colorscheme = pastel16 ]; // Comment node [ shape = "box" style = "dashed" ]; // Process node [ shape = "record" style = "filled" fillcolor = 5 colorscheme = pastel16 ]; // cluster // labels // edges }

Результат

Превратится в блок-схему

Пример графа

Блок-схемы в plantUML

Блок-схемы в Mermaid

Источник — http://digida.mgpu.ru/index.php?title=Блок-схемы_и_данные&oldid=4387