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

Материал из Поле цифровой дидактики
Нет описания правки
 
(не показано 20 промежуточных версий этого же участника)
Строка 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>


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


<nowiki>
<nowiki>
digraph FlowChartName {
digraph FlowChartName {
graph [
label = "FlowChartName"
rankdir = TB;
rankdir = TB;
compound = true;
compound = true;
splines = ortho;
splines = ortho;
];


// Start, End
node [
node [
shape = "box"
shape = "box"
Строка 102: Строка 98:
</nowiki>
</nowiki>


=== Блок-схемы в plantUML ===  
===== Результат =====
Превратится в блок-схему


<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
}


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


</graphviz>


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