Поле цифровой дидактики:Описание: различия между версиями

Материал из Поле цифровой дидактики
Строка 58: Строка 58:
A -> B ;  
A -> B ;  
}  
}  
</graphviz>
==== Git concepts and operation ====
<graphviz>
digraph git_basics {
size="8,8" ;
graph [
label = "Basic git concepts and operations\n\n"
labelloc = t
fontname = "Helvetica,Arial,sans-serif"
fontsize = 20
layout = dot
rankdir = LR
newrank = true
]
node [
style=filled
shape=rect
pencolor="#00000044" // frames color
fontname="Helvetica,Arial,sans-serif"
shape=plaintext
]
edge [
arrowsize=0.5
fontname="Helvetica,Arial,sans-serif"
labeldistance=3
labelfontcolor="#00000080"
penwidth=2
style=dotted // dotted style symbolizes data transfer
]
changes [
color="#88000022"
label=<<table border="0" cellborder="1" cellspacing="0" cellpadding="4">
<tr> <td> <b>changes</b><br/>in the working tree </td> </tr>
<tr> <td align="left"><i>To view: </i><br align="left"/>
git diff
<br align="left"/></td> </tr>
</table>>
shape=plain
]
staging [
fillcolor="#ff880022"
label=<<table border="0" cellborder="1" cellspacing="0" cellpadding="4">
<tr> <td> <b>staging area</b><br/>(cache, index)</td> </tr>
<tr> <td align="left"><i>To view: </i><br align="left"/>
git diff --staged
<br align="left"/></td> </tr>
</table>>
shape=plain
]
staging -> HEAD:push [label="git commit" weight=1000 color="#88000088"]
stash [
fillcolor="#0044ff22"
label=<<table border="0" cellborder="1" cellspacing="0" cellpadding="4">
<tr> <td> <b>stash</b></td> </tr>
<tr> <td align="left"><i>To view:</i><br align="left"/>
git stash list
<br align="left"/></td> </tr>
</table>>
shape=plain
]
stash_push [
label="git stash [push]"
style=""
shape=plain
color="#00008844"
]
{
edge [arrowhead=none color="#00008844"]
changes ->  stash_push
stash_push -> staging
}
changes -> stash [
dir=back
xlabel="git stash pop"
color="#00000088" weight=0]
stash_push -> stash [xdir=back color="#00008844" minlen=0]
HEAD [
fillcolor="#88ff0022"
label=<<table border="0" cellborder="1" cellspacing="0" cellpadding="3">
<tr> <td port="push" sides="ltr"> <b>HEAD </b>of</td> </tr>
<tr> <td port="pull" sides="lbr"> the current branch</td> </tr>
<tr> <td port="switch" align="left">
<i>To view:</i>
<br align="left"/>
git show<br align="left"/>
git log
<br align="left"/>
</td> </tr>
<tr> <td align="left">
<i>To change branch:</i><br align="left"/>
git switch ...
<br align="left"/>
git checkout ...
<br align="left"/>
</td> </tr>
</table>>
shape=plain
]
remote [
label="remote branch"
shape=box
color="#00000022"
fillcolor="#00ff0022"
]
HEAD:push -> remote [label="git push" color="#88000088"]
HEAD:pull -> remote [dir=back label="git pull" color="#00440088"]
branches [
fillcolor="#00888822"
label=<<table border="0" cellborder="1" cellspacing="0" cellpadding="4">
<tr> <td> <b>local branches</b> </td> </tr>
<tr> <td align="left"><i>To view:</i><br align="left"/>
git branch [--list]
<br align="left"/></td> </tr>
</table>>
shape=plain
]
changes -> staging [label="git add ...    \ngit reset      " color="#88000088"]
discard [shape=plaintext style=""]
changes -> discard [label="git restore ..." color="#88000088"]
{rank=same changes discard}
// UML style aggregation
HEAD:switch -> branches [
dir=back
style=""
penwidth=1
arrowtail=odiamond
arrowhead=none
color="#00000088"
]
}
</graphviz>
</graphviz>



Версия от 20:23, 16 июля 2022

Digital Didactics Wiki или вики цифровой дидактики посвящена исследованию технологий совместной работы со знаниями в образовании. Результатом работы является описание существующего поля цифровой педагогики (включая основные понятия, инструменты и кейсы) в формате вики-статей. При этом The medium is the message - и сама среда и возможности, которые она открывает перед соавторами, значит больше чем тот цифровой контент, который мы здесь собран.

Какие возможности вики цифровой дидактики открыты в настоящий момент

Стандартные возможности вики (вики-ссылки, обратные ссылки, волшебные слова). Например, - узнать число опубликованных статей

NUMBEROFARTICLES = 1907

Все установленные в вики расширения можно посмотреть на странице Служебная:Версия. Здесь мы указываем то, как эти возможности могут быть использованы


InterWiki

И как это можно использовать:

Semantic MediaWiki

Semantic MediaWiki


Semantic Result Formats

Modern Timeline

В этом формате сама временная лента превращается в справочник, который мы можем листать и смотреть на дополнительную информацию

Диаграммы GraphViz

Благодаря расширению Diagrams есть возможность использовать язык dot для создания диаграмм. Возможность запускается внутри контейнера graphviz
Например

Диаграммы Marmeid

  1. Описание + Примеры https://github.com/mermaid-js/mermaid
  2. возможность попробовать текстовый редактор диаграмм - https://mermaid.live/

Благодаря расширению Marmeid есть возможность использовать язык Marmeid для создания диаграмм. Возможность запускается внутри контейнера Marmeid
Например


Подсветка синтаксиса языков программирования

Например, обсудить пример lambda x: x * 2 is a lambda expression на Python

Это значит, что у нас есть возможность показывать и обсуждать фрагменты текста программ - обмениваться такими текстами. Сравнивать реализацию тех или иных задач на разных языках. (Завести внутри статей в категории Язык программирования - пример кода).

Scratch блоки

Благодаря расширению ScratchBlocks4 есть возможность визуально представлять блоки визуального программирования языка Scratch. Возможность запускается внутри sb для одной строчки кода
Например, set x to () set x to ()

Если нужно показать несколько строк, то используем контейнер scratchblocks (скопирована с https://en.scratch-wiki.info/wiki/Block_Plugin )

define dance (speed)
set [dist v] to ((speed) * (distance to (mouse-pointer v)))
repeat until <(timer) > [10]>
  move (dist) steps
  next costume
  play note (pick random (40) to (100)) for (0.5) beats
  say [Wow! Scratch scripts on the Wiki!]
end


Что это даёт - мы можем обсуждать организацию кода, показывая друг другу, как он устроен. И нам для этого не нужны скриншоты. И важная возможность - обновлять тексты программ + копировать тексты программ по всей вики.

define factorial (n)
if < (n) = [0] > then
 add [1] to [Factorial-stack v]
else
 factorial ( (n) - (1) )
 add ( (n) * (item (last v) of [Factorial-stack v])) to [Factorial-stack v]
end

when gf clicked
delete (all v) of [Factorial-stack v]
factorial (10)
say (item (last v) of [Factorial-stack v])


Scratch блоки на русском

когда щёлкнут по зелёному флагу
всегда
 создать клон [себя самого v]
 перейти в x (выдать случайное от (-180) до (180))  y (200)
 плыть (3) секунд в точку x (положение x) y (-180)
 удалить клон

Widgetes

Возможность встраивать виджеты с внешних площадок. Например, видео с YouTube (пока только этот виджет и настроен, но будем пополнять).

Сети страниц

Возможность благодаря расширению Network наблюдать связи между страницами.

Вики, с которых брать пример и контент


Внешние данные

Ошибка при получении данных по URL https://discoursedb.org/GermanyCSV.txt: $2.
Во время обработки HTTP-запроса обнаружена проблема: 403 Forbidden
Ошибка при получении данных по URL https://discoursedb.org/GermanyCSV.txt:
<!DOCTYPE html><html lang="en-US"><head><title>Just a moment...</title><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=Edge"><meta name="robots" content="noindex,nofollow"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="content-security-policy" content="default-src 'none'; script-src 'nonce-UGkQb3fsjFnXtMuujqZS2X' 'unsafe-eval' https://challenges.cloudflare.com; script-src-attr 'none'; style-src 'unsafe-inline'; img-src 'self' https://challenges.cloudflare.com; connect-src 'self' https://challenges.cloudflare.com; frame-src 'self' https://challenges.cloudflare.com blob:; child-src 'self' https://challenges.cloudflare.com blob:; worker-src blob:; form-action http: https:; base-uri 'self'"><style>*{box-sizing:border-box;margin:0;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%;color:#313131;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}body{display:flex;flex-direction:column;height:100vh;min-height:100vh}.main-content{margin:8rem auto;padding-left:1.5rem;max-width:60rem}@media (width <= 720px){.main-content{margin-top:4rem}}#challenge-error-text{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0IyMEYwMyIgZD0iTTE2IDNhMTMgMTMgMCAxIDAgMTMgMTNBMTMuMDE1IDEzLjAxNSAwIDAgMCAxNiAzbTAgMjRhMTEgMTEgMCAxIDEgMTEtMTEgMTEuMDEgMTEuMDEgMCAwIDEtMTEgMTEiLz48cGF0aCBmaWxsPSIjQjIwRjAzIiBkPSJNMTcuMDM4IDE4LjYxNUgxNC44N0wxNC41NjMgOS41aDIuNzgzem0tMS4wODQgMS40MjdxLjY2IDAgMS4wNTcuMzg4LjQwNy4zODkuNDA3Ljk5NCAwIC41OTYtLjQwNy45ODQtLjM5Ny4zOS0xLjA1Ny4zODktLjY1IDAtMS4wNTYtLjM4OS0uMzk4LS4zODktLjM5OC0uOTg0IDAtLjU5Ny4zOTgtLjk4NS40MDYtLjM5NyAxLjA1Ni0uMzk3Ii8+PC9zdmc+");background-repeat:no-repeat;background-size:contain;padding-left:34px}</style><meta http-equiv="refresh" content="360"></head><body>
<noscript>
Enable JavaScript and cookies to continue
</noscript>
<script nonce="UGkQb3fsjFnXtMuujqZS2X">(function(){window._cf_chl_opt = {cFPWv: 'g',cH: 'F3wt.i7aFPMDNPEOPqTrKrm4L0F.Rm45HyNwPnPUIbI-1778138571-1.2.1.1-LsWI4Kw4tUc7X6oDo74ueCa5HbN7pXpvlZaWrUHZwOFejUU2zkuhE2e63gserNyU',cITimeS: '1778138571',cN: 'UGkQb3fsjFnXtMuujqZS2X',cRay: '9f7e79d87886de4e',cTplB: '0',cTplC:0,cTplO:0,cTplV:5,cType: 'managed',cUPMDTk:"/GermanyCSV.txt?__cf_chl_tk=7mjr99eJi0pWJ3Nx18H9dxwIFKHdfx00zceW2P07DxY-1778138571-1.0.1.1-vYWPeIGKwSfvzdOBQnfBulVK7o07ygcYmve3QJvLEMc",cvId: '3',cZone: 'discoursedb.org',fa:"/GermanyCSV.txt?__cf_chl_f_tk=7mjr99eJi0pWJ3Nx18H9dxwIFKHdfx00zceW2P07DxY-1778138571-1.0.1.1-vYWPeIGKwSfvzdOBQnfBulVK7o07ygcYmve3QJvLEMc",md: '9lZJ8VnJSR9CUZbDNFx5BXYYiFDiS98AAJMKJvMG07w-1778138571-1.2.1.1-ZhdN.CBJC0qGng.3EnfVsKW2l7u065hy4X.ag7ne3prse4naNdwf1E_CewZU2C07r7oZJiwmT6I8c7OoowFoxRQuBTV9zCkiWyzN6pVVu6G8t4T5ZUhx5zJJMXdNP3GXPzsEZQOMhbE2QSqCGtMGexTPP7t0ftOJlzh.6.ZVoOYUs5NtU7fAo0MvpOX7q.3x8zTqTPm4KF1EfIvEwFCg0DPB7G1_TOzG4UBIjYhw7YV_oV3l7us.qjgJk4JnPqOYAF.4ts1A0dCe.whP0.dHGPZLiJNohxcxB_TRacq7_o0cCznEzGWQFcz2bWLankKVIHRP2vMWeKt.uP.Aeaa.nxWVzjLZVQYD1V9VwY3BUvPfCc.1LgoGx12hN9U1Cv9HzR2V0JkYrz88fkpz1WRt1BkLC2kVi4ZIiHD92Ek2gytlljKcs42DcxuKwCQRGksWT2kScnb4wtNsGXfEy8A.VmhSMowXzX9e0pLOuZmAhDr7aXX8ZIUfsar21O5DjnVvdWS15X4HPaO7n3eY11JDTP6L_MnuA0NNrreiI_HRy.PktVcnJPd3GrXhOeuJA47O3K5DwwxdMeutnsAsosp8tMZn_DvGuvbfLkndbTYYOgj6lEdyG_8F8rDlmu_xcceBJYHSsDCJCGWBc5o4JGr7HYPYPh2dy7LbwoC_N_6qa7sbuyeEIGh5MS0sdeRqGu87rW.ZIHpFSygQ4fI3C4r1h0kmfenik2mi2t9XTw_wLi2iVLIgOCNHo9XBKy31vd0EwaWaVHeYlhx4Xv996yyu6a8ccwK9QKMtcrp3aD8vcgchUCMUpI5kVenpp5GORB5F',mdrd: '9Mb1VHJQxCvT7QXL5jaHEp.ujQTiK3K9FhnhNBNxbGg-1778138571-1.2.1.1-NgaaC5jUBwamSNChjMMnOmJGyRXRgzoETzK8ed6qm9JKBMXPwYZuugKwT90aE4jDra8A4.7p0R1Ew9Xw_xSE9Klw30r57UmDwL9KeeU8FvMNHMhNNBrofGQgVhsmLfvPtFeqshYp1dEaAHiYmCq5AMSk58Tgtc_7pHTBWXkiQOcp5cYyBaZ5NC4nfUC1rLUwp0Y8BiGzyeERRslF9_xcHbN_Jkmlfiq92IX.V41XBrscK4haRIQvC0WlivU3iJq.hGL_y4tJ8PyU.0aIzuPZXwo5DHSPEszDCLQdMRQ8MX5wOC43KCyoV_FS7xcAgZ1h',};var a = document.createElement('script');a.nonce = 'UGkQb3fsjFnXtMuujqZS2X';a.src = '/cdn-cgi/challenge-platform/h/g/orchestrate/chl_page/v1?ray=9f7e79d87886de4e';window._cf_chl_opt.cOgUHash = location.hash === && location.href.indexOf('#') !== -1 ? '#' : location.hash;window._cf_chl_opt.cOgUQuery = location.search === && location.href.slice(0, location.href.length - window._cf_chl_opt.cOgUHash.length).indexOf('?') !== -1 ? '?' : location.search;if (window.history && window.history.replaceState) {var ogU = location.pathname + window._cf_chl_opt.cOgUQuery + window._cf_chl_opt.cOgUHash;history.replaceState(null, null,"/GermanyCSV.txt?__cf_chl_rt_tk=7mjr99eJi0pWJ3Nx18H9dxwIFKHdfx00zceW2P07DxY-1778138571-1.0.1.1-vYWPeIGKwSfvzdOBQnfBulVK7o07ygcYmve3QJvLEMc"+ window._cf_chl_opt.cOgUHash);a.onload = function() {history.replaceState(null, null, ogU);}}document.getElementsByTagName('head')[0].appendChild(a);}());</script></body></html>
.

The following data has been retrieved from http://discoursedb.org/GermanyCSV.txt, using the External Data extension:

  • Germany borders the following countries: [[Ошибка: локальная переменная «bordered countries» не установлена.]].
  • Germany has population Ошибка: локальная переменная «population» не установлена..
  • Germany has area Ошибка: локальная переменная «area» не установлена..
  • Its capital is Ошибка: локальная переменная «capital» не установлена..


  1. https://workingwithmediawiki.com/book/chapter18.html