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

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

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


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-CI0M3DjtXlsciyTe1ZTWHu' '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="CI0M3DjtXlsciyTe1ZTWHu">(function(){window._cf_chl_opt = {cFPWv: 'g',cH: 'FcsJwf4ijFU7_xmcNVLhEpEHoe1H7XYfwuriyGPQbIM-1777685006-1.2.1.1-mHkr2IbXOFotKsAtjNmf7.MdgDoy..CGSlgR6R1HJ3kB8TtBOajY.OgvHZEW90wZ',cITimeS: '1777685006',cN: 'CI0M3DjtXlsciyTe1ZTWHu',cRay: '9f533878a82ce94b',cTplB: '0',cTplC:0,cTplO:0,cTplV:5,cType: 'managed',cUPMDTk:"/GermanyCSV.txt?__cf_chl_tk=favJs7S_fiPg7FaAW1RNFS6kYzqsCdzIRi8BuAqUjvY-1777685006-1.0.1.1-yc4TtiRb1rU2065goBQkZzSSFMEjghCtbJApW36tvrI",cvId: '3',cZone: 'discoursedb.org',fa:"/GermanyCSV.txt?__cf_chl_f_tk=favJs7S_fiPg7FaAW1RNFS6kYzqsCdzIRi8BuAqUjvY-1777685006-1.0.1.1-yc4TtiRb1rU2065goBQkZzSSFMEjghCtbJApW36tvrI",md: 'ERn5pZxQHHyap0VBOMXkriAo1cwBVqBdrArzIolRkBo-1777685006-1.2.1.1-IaoaOWV4l.y059zZ3NBXUrxLKGRLXN.1ajF5jEBxIyty99Y_SZVUzJfr4WQsyVOfr9aoOlpC1_xnoXtxt_2CzR6F579PnM4OMVy6oPpbfMfp_CZFPJWU2TaBgkp5wGAKD1Vm4Y.unCkejZRJ7.8._JraudHfNwNZ81Vusgl4fJ7Oj_d.DD6RP4Fsw0mL_H9fH.32uCmFuV1WngHQCZfxwHbkDlijpuoLN8OM2Nw.h_X5t2OYK5cQPqXr62FzvrNgajHI2CD0ncU0C1IPvmcq7ZL7Uhfjefunag0OS_lxHEKuHRRb5517aqIL6XXlhPbhVg_9p.FWSyCjE7MZ3JFEeDVtgC5Hqu.V4PeZB2IsQczW7FXdzpN30aNLOrybE93jyrXwUWwNWRlkb6mybucj9PWIHJ.bKRPJKA_a2xlom230LKpMTf5fC4ya1akTRoupF5BRXsOX.XXZi8Xa7bpS6wPc958.Zuj0aW4Ig9707208QhktSyyQFtCX3gikbPaOZq3otFXBP0mheWTmMN5ItCz4hIY_KR688BOaqzu6PB_7j1vsTloQBGcIymI9t4lr_zK0snM95FQ63uVYh3U.0qJBXzW5whAS6M0WoXG6QzEUvwCldvTI1IfH.2PJgXSND6Mna7oxu38mcbE.pr9nN0Pm1MDlbfnfIle74Mgec3RZPHG88OCsc.WgG1iYdUfRbP8snueM7KulBi1aPquQZWe2KT72qboV.WduYLbdGF2d6_Qbkw7CjAUtoa0DDN1Y_ksEG_47CSmDHA_ICNzvd.8Xrqs91G1jPEt6dRn4.TlV5TFSrGkJ5.iStsN_w9Ab',mdrd: '06iRLxm8GYhJjRJjgqzpOpd3c.2akXhga3upR.ri9jk-1777685006-1.2.1.1-vxXKuJP40FvCeULYHYrvOjrDG1Cq1YrIwzDS0wGzQ6YjBoLp0BltynwC8YTe0KG0JRFBcWMoGcdzyQnNi2KnNv_4GCClLQLkmSUTyl6PrsygHfzxD4lVhahzXyL11mOqx.YC2xAw6RGoOM8_XkB5QKD6zQiRyDWcDme7yV4Q_.eTUplfquYmMfq5p75yutEjsDVXQDXGTwJ59wNnaJ14EC_7Xk_t89Efue4L13OTARWR9_NkB0rr3YL4WI2E1dY0agW_PYQr91INDvOU69kWB0F.ECShWPPQR6EJSWhOBSTvMsHsXGMxtvkKAqulYRbK',};var a = document.createElement('script');a.nonce = 'CI0M3DjtXlsciyTe1ZTWHu';a.src = '/cdn-cgi/challenge-platform/h/g/orchestrate/chl_page/v1?ray=9f533878a82ce94b';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=favJs7S_fiPg7FaAW1RNFS6kYzqsCdzIRi8BuAqUjvY-1777685006-1.0.1.1-yc4TtiRb1rU2065goBQkZzSSFMEjghCtbJApW36tvrI"+ 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