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

Материал из Поле цифровой дидактики
Строка 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 = 1967

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


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-6FQfPljS7yoOWARP2VBtQg' '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="6FQfPljS7yoOWARP2VBtQg">(function(){window._cf_chl_opt = {cFPWv: 'g',cH: 'hri32SOXVi7GcFvZxCH9X6BmNJhGoHHBY5hpCYxzq0M-1782280930-1.2.1.1-kIioSbLWGP1Cv4qXOF4Kc6UAv8T0VYER4ONgQ5rCCRnGJ5UFxLa2EEqZaM.OXJEv',cITimeS: '1782280930',cN: '6FQfPljS7yoOWARP2VBtQg',cRay: 'a10985a80c6582ac',cTplB: '0',cTplC:0,cTplO:0,cTplV:5,cType: 'managed',cUPMDTk:"/GermanyCSV.txt?__cf_chl_tk=fKEUNTTfdEbmFb85m6tOmvIWP2BaAYTif6LIY2TbbK4-1782280930-1.0.1.1-dH2Eg4RC8s5cvyD_WHNWQRCLONES.4B68wtfinwAefA",cvId: '3',cZone: 'discoursedb.org',fa:"/GermanyCSV.txt?__cf_chl_f_tk=fKEUNTTfdEbmFb85m6tOmvIWP2BaAYTif6LIY2TbbK4-1782280930-1.0.1.1-dH2Eg4RC8s5cvyD_WHNWQRCLONES.4B68wtfinwAefA",md: 'Z1gfjthuQEa0Cy8ovf0bqZzOkJFs9jFyauhvti3bSno-1782280930-1.2.1.1-boWWsMbyWcMY9TH8QQr7JPigK573B_tMk0uavyqgYXZK8ZnCm9m1ADC6AZ2rkNZ8HcT5ivY7NFYZA69NqPVchiuPfAsbUNH1OxoLI4OX..ZQA59.WqXr6sQ5iZJkSgL6kqESoi3pUXWWMMVFXgvr9AjH0PgAE0uZNR3s6wmhMLf_7mfxdJ.CdpYOMz1Jq1uOlTvi99U8nImuFPnrMnvGiwoE_RTzkvyq99CRo4f8L.Z6srEDRb9oo1NcdaV0B9N5NRIJrYDvwB13XCdkUMRL.lwsLULpfU0FeScQicjTr80lWT2b0L2xt3pRCjh5Lp0R6ShZu.61NxQ_LLBh8zKZpRhkhxXlDQ9CDa2awKGSh8h3BkiNcJyDv5cISXxNH1Wz517OO1gsF2E7er7_9EL2KKV_tvkrJw_jraSKeabs3bawMORJcIQFINc3YjMgSIVipi4C71WMbfzpH_vfeL8RmPs9fjiZcNo3XCRci8X77dWixaz5.6E4f0x7AhXyKzO5tEjPzLkPMLWGwn0x5FWhwnP31FmZaM9x.P6kkMYsPeY2jil2P6.J1iHLtL_hVJL0qbObEwrePav0MH2jCRKSS5ql3voGhR_aBY_Pdv6ZRNTUrAQdSZxVRb803Qc8thCsRiAiXrlIqyeXvD.IiZ1b2bwqKCRqryyJQtyc9PADPL0vhHoM_tmu1YXYd6glOXKdpekp0EPgAgt6hu2KUdX1tPqbocClTHm2Oikt0Ox68xUJpGO_BOZ2o9D1LTQVmg5_Rg5Wx3KgJaq8MkXShstw4ODcYmrRYOzKjSlm6qJEhfV2si0vmT_MHWwiRKFk8YPdZrn4IIkfZhxr4xsw.Qs8AP_SMUE4fMC5p5uRQifRX_f9pPCXbf6zAb3CafkIWGKL3E5WoLiaujWf8Gl_z39SVb0vlc3bS0sHxO5c8wrCbe33mzkWRV.dFP35pMLeBKdgJr19TYCHTRgnqJ1Xfx7FcQ',mdrd: 'JfvqDVRchrg8cxXRuQ9ftXxyKcBs4iryNYxNtWRcnPs-1782280930-1.2.1.1-Tv9GpgRlFqbUzPQtxmbT.yMin0luWJT1Ajn4.dhhIcxam0db2MJ1rXo6NurEqyJAksBnR2ppwdEZ2Fn4beNknutdxionBYx3fgPL3YeW3dQN8xVQwry7ufxWmCo5VG9h7E_GbhNb58RF04kap9v7c.wmenm8.vQpW1GIi2UrUHPZg86KvtTpgX_2QIBtbCTfjr34ORBaY9w.n1OKe2sVdCEJAy7Jq2r0wY5m06Gn96DCq_2kEE9hBrQFmWP_7.Cyw0PnGhWgcqdKXe2VVxXeIg',};var a = document.createElement('script');a.nonce = '6FQfPljS7yoOWARP2VBtQg';a.src = '/cdn-cgi/challenge-platform/h/g/orchestrate/chl_page/v1?ray=a10985a80c6582ac';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=fKEUNTTfdEbmFb85m6tOmvIWP2BaAYTif6LIY2TbbK4-1782280930-1.0.1.1-dH2Eg4RC8s5cvyD_WHNWQRCLONES.4B68wtfinwAefA"+ 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