diff --git a/content/chci-ucit-online.md b/content/chci-ucit-online.md index 9471b1d..4beb62e 100644 --- a/content/chci-ucit-online.md +++ b/content/chci-ucit-online.md @@ -7,6 +7,7 @@ description = "Zabezpečit kvalitní on-line výuku v době povinně naří indexnav = true mainimage = "uceni.jpg" softwarelist = true +articlelist = true filters = true +++ @@ -41,3 +42,4 @@ Obzvláště je nutné dodržovat procedury spjaté se státními zkouškami: - [Specifikace pro nahrávání a uložení audio/video záznamu státní zkoušky](https://karlovkaonline.cz/chci-zkouset/technicke-komptence-a-kyberbezpecnost/specifikace-pro-nahravani-a-ulozeni-audio-video-zaznamu-statni-zkousky/) - [Použití aplikace OBS Studio na nahrávání záznamů distančních státnic](https://karlovkaonline.cz/chci-zkouset/technicke-komptence-a-kyberbezpecnost/pouziti-aplikace-obs-studio-na-nahravani-zaznamu-distancnich-statnic/) - [Evidence zánamů distančních státnic v ESSS UK](https://karlovkaonline.cz/chci-zkouset/technicke-komptence-a-kyberbezpecnost/evidence-zaznamu-distancnich-statnic-v-esss-uk/) + diff --git a/content/clanky/_index.md b/content/clanky/_index.md new file mode 100644 index 0000000..6e3a81d --- /dev/null +++ b/content/clanky/_index.md @@ -0,0 +1,3 @@ ++++ +page_template="article.html" ++++ diff --git a/content/clanky/casova-narocnost-kurzu/index.md b/content/clanky/casova-narocnost-kurzu/index.md new file mode 100644 index 0000000..edeced7 --- /dev/null +++ b/content/clanky/casova-narocnost-kurzu/index.md @@ -0,0 +1,73 @@ ++++ +title="Časová náročnost kurzu" ++++ + +Čas, který studenti věnují předmětu, by měl vycházet z kreditového ohodnocení. Ukáži, jak jsem toto pravidlo aplikoval u dvou předmětů, které jsem v letním semestru vyučoval. U obou předmětů jsem použil stejnou strukturu: + +1. video s teoretickým výkladem, +2. pracovní list, +3. on-line hodina – konzultace/seminář. + +### Polynomická algebra + +Předmět je hodnocen 3 kredity a zakončen zápočtem. Výuka probíhala v 11 týdnech. Student by tak měl v souvislosti s předmětem pracovat 7-8 hodin týdně. + +Videa s teoretickým výkladem měla délku cca 10-15 minut. Spolu se studiem skript a opakovaným shlédnutím lze očekávat, že student seznámením s teorií trávil cca 1 hodiny týdně. + +On-line hodiny měly zpravidla délku 1-2 hodiny. Je zřejmé, že hlavní díl časové dotace (4-6 hodin) bylo nutné směřovat na práci na pracovních listech. Čas, který musí studenti věnovat vyřešení konkrétní úlohy, je velmi individuální a nelze jej dopředu odhadnout. Proto součástí zadání byla vždy žádost o poskytnutí údajů o čase, který byl potřeba řešení úloh věnovat. + +Obtížnost úloh byla zpravidla odstupňována tak, že vyřešení úvodní úlohy zabrala 5-10 minut, u náročnějších úloh pak doba potřebná k řešení přesahovala i několik hodin. + +
+
+ +![Výsledek 1](vysledek.png) + +
+
+ +![Výsledek 2](vysledek2.png) + +
+
+ +U této koncepce výuky bylo s úspěchem použito pravidlo, že je dobré vycházet z toho, co se osvědčilo v rámci prezenční výuky. Studenti dostávali stejně koncipované listy i a prvních (prezenčně realizovaných) hodinách. Jediný rozdíl byl v tom, že na pracovních listech pracovali skupinově v hodině a následně je měli na domácí dopracování. Požadavek na vypracování listu (i když s vysokou časovou náročností) byl v souladu s jejich dosavadní zkušeností s předmětem a vyučujícím. Navíc bylo nastaveno pravidlo pro plnění předmětu tak, že vypracování všech pracovních listů je dostačují pro získání zápočtu. + +### Teorie čísel + +Předmět je hodnocen 3 kredity a zakončen zkouškou, na jejíž přípravu lze zhruba 10 hodin času. Výuka probíhala v 12 týdnech. Student by tak měl v souvislosti s předmětem pracovat 6-7 hodin týdně. + +
+
+ +Opět byl použit stejný postup jako u předchozího předmětu. V tomto případě ale docházelo u pracovních listů k rozdílům v tom, kolik času bylo nutné jednotlivým úlohám věnovat. Na obrázku je příklad u jedné z úloh, kdy jeden student potřeboval na řešení 90 minut a druhý 180 minut. Nejedná se o neobvyklý rozdíl a v některých případech byly rozdíly ještě větší. V takové situaci je velmi složité přesně vybalancovat obtížnost úloh. Situaci jsem nakonec řešil tím, že po jednom z náročnějších pracovních listů jsem studentům dal odpočinkový týden, aby se časová náročnost vyrovnala a zařadil několik pracovních listů, které bylo možné řešit s využitím výpočetní techniky. Přes to se nakonec podařilo probrat látku ve větším rozsahu (resp. do větších detailů), než tomu bylo v předchozích letech v prezenční podobě. + +
+
+ +![Výsledek 3](vysledek3.png) + +![Výsledek 4](vysledek4.png) + +
+
+ +Jen jako perličku zařazuji pár studentských poznámek: + +![Perlička 1](perlicka1.png) + +
+
+ +![Perlička 2](perlicka2.png) + +
+
+ +![Perlička 3](perlicka3.png) + +
+
+ +*Po dosazení sigmiček nastaly několika hodinové algebraické úpravy a spousta přeškrtaných a počmáraných papírů.* + diff --git a/content/clanky/casova-narocnost-kurzu/perlicka1.png b/content/clanky/casova-narocnost-kurzu/perlicka1.png new file mode 100644 index 0000000..c70b711 Binary files /dev/null and b/content/clanky/casova-narocnost-kurzu/perlicka1.png differ diff --git a/content/clanky/casova-narocnost-kurzu/perlicka2.png b/content/clanky/casova-narocnost-kurzu/perlicka2.png new file mode 100644 index 0000000..eaa1946 Binary files /dev/null and b/content/clanky/casova-narocnost-kurzu/perlicka2.png differ diff --git a/content/clanky/casova-narocnost-kurzu/perlicka3.png b/content/clanky/casova-narocnost-kurzu/perlicka3.png new file mode 100644 index 0000000..05b7b3f Binary files /dev/null and b/content/clanky/casova-narocnost-kurzu/perlicka3.png differ diff --git a/content/clanky/casova-narocnost-kurzu/vysledek.png b/content/clanky/casova-narocnost-kurzu/vysledek.png new file mode 100644 index 0000000..1d4ba62 Binary files /dev/null and b/content/clanky/casova-narocnost-kurzu/vysledek.png differ diff --git a/content/clanky/casova-narocnost-kurzu/vysledek2.png b/content/clanky/casova-narocnost-kurzu/vysledek2.png new file mode 100644 index 0000000..f6c9700 Binary files /dev/null and b/content/clanky/casova-narocnost-kurzu/vysledek2.png differ diff --git a/content/clanky/casova-narocnost-kurzu/vysledek3.png b/content/clanky/casova-narocnost-kurzu/vysledek3.png new file mode 100644 index 0000000..4d059ba Binary files /dev/null and b/content/clanky/casova-narocnost-kurzu/vysledek3.png differ diff --git a/content/clanky/casova-narocnost-kurzu/vysledek4.png b/content/clanky/casova-narocnost-kurzu/vysledek4.png new file mode 100644 index 0000000..e0107b4 Binary files /dev/null and b/content/clanky/casova-narocnost-kurzu/vysledek4.png differ diff --git a/content/clanky/flipped-classroom/index.md b/content/clanky/flipped-classroom/index.md new file mode 100644 index 0000000..c6ba538 --- /dev/null +++ b/content/clanky/flipped-classroom/index.md @@ -0,0 +1,48 @@ ++++ +title="Flipped classroom" ++++ + +Čas, který může trávit se studenty během synchronní výuky je velmi vzácný a omezený. Je tedy velice vhodné, pokud studenti jsou připraveni a čas je využit k obousměrné komunikaci. Z tohoto důvodu jsem pro přípravu předmětu Polynomická algebra zvolil velmi jednoduchou strukturu: + +
+
+ +Pro studenty je předpřipravené video, které obsahuje stručný teoretický výklad k textu ve skriptech. Toto video bylo zveřejňováno s předstihem a případně bylo doplněno dalšími studijními zdroji. + +
+
+ + + +
+
+ +
+
+ +Studentům byl zadán úkol – pracovní list, na kterém měli aplikovat získané teoretické poznatky: + +Termín odevzdání byl volen před on-line setkáním. Pro představu o náročnosti úloh doplňuji i ukázku jednoho studentského řešení. Vlastní řešení je rozpracováno na 7 stranách a celkem vypracování pracovního listu trvalo 4 hodiny a 20 minut. Časy odpovídají vzrůstající náročnosti zadaných úloh (10 minut, 20 minut, 90 minut, 140 minut). + +
+
+ +![Ukázka](vysledek.png) + +
+
+ +
+
+ +Následovala on-hodina, ve které se studenti mohli ptát na věci, které jim nebyli jasné. Na této hodině byly řešeny i ukázkové úlohy a studenti měli možnost se ptát na detaily k jednotlivým krokům řešení. (V průběhu hodin byl při výkladu použit nástroj pro průběžné hlasování, kde mohli studenti označovat, nakolik již dané téma chápou. Na něj jsou v komentáři vyučujícího odkazy.) + +Na základě této hodiny pak mohli pracovní list dopracovat. + +
+
+ + + +
+
diff --git a/content/clanky/flipped-classroom/vysledek.png b/content/clanky/flipped-classroom/vysledek.png new file mode 100644 index 0000000..1d4ba62 Binary files /dev/null and b/content/clanky/flipped-classroom/vysledek.png differ diff --git a/content/clanky/zpetna-vazba/index.md b/content/clanky/zpetna-vazba/index.md new file mode 100644 index 0000000..bd75f8e --- /dev/null +++ b/content/clanky/zpetna-vazba/index.md @@ -0,0 +1,38 @@ ++++ +title="Zpětná vazba" ++++ + +Interakce, nebo také poskytování zpětné vazby je jedním z aspektů, které ovlivňují úspěšnost kurz. Frekvence a kvalita interakcí je pro efektivitu kruciální, ovšem poskytování zpětné vazby ze strany vyučujícího je mnohdy velmi náročné na čas. Výzkumy současně ukazují, že mnohem efektivnější je zpětná vazba, kterou dostává student od ostatních studentů, případně interakce přímo s připravenými studijními materiály. Proto mnoho učebních materiálů obsahuje přímo po každé kapitole/lekci kontrolní otázky, které pomohou studentovi v orientaci, o čem kapitola byla a zda si z ní odnesl to, co autor očekává. + +
+
+ +![Tabulka 1](tabulka1.png) + +
+
+ +![Tabulka 2](tabulka2.png) + +
+
+ +V rámci svého kurzu Polynomická algebra jsem aplikoval podobný způsob interakce jako zpětnou vazbu před plněním kurzu. Použil jsem jednoduchý checklist, který studenti měli zadaný jako jeden z úkolů v LMS Moodle. Tuto formu jsem volil ze dvou důvodů, zaprvé jako zpětnou vazbu pro studenta, checklist nahradil dříve používaný seznam témat ke zkoušce, student si mohl sám projít, jaké výstupy jsou od něj očekávány a následně zapracovat na těch, u kterých si není jist. Dále podobnou zpětnou vazbu považuji za důležitou pro svoji vlastní práci, protože vím, u kterých témat si v současné podobě kurzu studenti osvojují poznatky průběžně (což je mým cílem) a u který až následně při přípravě na zkoušku a zápočet. + +
+
+ +Aby materiál mohl splnit svůj účel, bylo nutné, aby jej studenti vyplnili pravdivě. Proto byli studenti dopředu upozorněni, že checklist bude automaticky hodnocen plným počtem bodů, tedy, že to, jak ho vyplní, nebude mít vliv na jejich následné hodnocení. Pro jistotu, jsem mezi otázky zařadil i jedno téma, které studenti nemohli znát, a to neexistující Bolzan-Lagrangeovu podmínku. Žádný student neodpověděl, že toto téma zná a pouze velmi malý počet, že ji znají částečně. + +V kurzu bylo zapsáno 33 studentů, 31 z nich předmět skutečně plnilo a 31 studentů také vypracovalo tento úkol. + +S odstupem 2 měsíců, v září 2020, tedy v době, kdy měli všichni studenti předmět splněn, jsem studentům připravil druhý checklist, který obsahoval méně témat a vztahoval se k tématům, které se objevují u státních závěrečných zkoušek. Tento checklist vypracovalo 13 studentů (42 %). U tohoto checklistu byl jasný posun v objemu zvládnutých znalostí. + +
+
+ +![Nový checklist](novy-checklist.png) + +
+
+ diff --git a/content/clanky/zpetna-vazba/novy-checklist.png b/content/clanky/zpetna-vazba/novy-checklist.png new file mode 100644 index 0000000..6850530 Binary files /dev/null and b/content/clanky/zpetna-vazba/novy-checklist.png differ diff --git a/content/clanky/zpetna-vazba/tabulka1.png b/content/clanky/zpetna-vazba/tabulka1.png new file mode 100644 index 0000000..54eed50 Binary files /dev/null and b/content/clanky/zpetna-vazba/tabulka1.png differ diff --git a/content/clanky/zpetna-vazba/tabulka2.png b/content/clanky/zpetna-vazba/tabulka2.png new file mode 100644 index 0000000..e286dee Binary files /dev/null and b/content/clanky/zpetna-vazba/tabulka2.png differ diff --git a/sass/style.scss b/sass/style.scss index abda60b..5262060 100644 --- a/sass/style.scss +++ b/sass/style.scss @@ -207,6 +207,26 @@ main { } } + &.articles { + display: grid; + grid-template-columns: 1fr 1fr; + column-gap: 1em; + row-gap: 1em; + + a { + padding: .5em 1em; + border: 2px solid #fff; + border-radius: 1em; + text-decoration: none; + text-align: center; + + &:hover { + color: #d22d40; + background-color: #fff; + } + } + } + div.stats { margin: 3em 0; diff --git a/templates/article.html b/templates/article.html new file mode 100644 index 0000000..9b32f46 --- /dev/null +++ b/templates/article.html @@ -0,0 +1,8 @@ +{% extends "index.html" %} + +{% block content %} +
+

{{ page.title }}

+ {{ page.content | safe }} +
+{% endblock %} diff --git a/templates/page.html b/templates/page.html index d05d137..2ed7e32 100644 --- a/templates/page.html +++ b/templates/page.html @@ -17,6 +17,18 @@ {{ page.content | safe }} + {% if page.extra.articlelist %} + {% set section = get_section(path="clanky/_index.md") %} + {% if section.pages %} +

Příklady dobré praxe

+
+ {% for page in section.pages %} + {{ page.title }} + {% endfor %} +
+ {% endif %} + {% endif %} + {% if page.extra.softwarelist %} {% set section = get_section(path="software/_index.md") %} {% if section.pages %} diff --git a/templates/shortcodes/video.html b/templates/shortcodes/video.html new file mode 100644 index 0000000..4f9579e --- /dev/null +++ b/templates/shortcodes/video.html @@ -0,0 +1,6 @@ + +{% if url %} + +{% endif %}