diff --git a/.DS_Store b/.DS_Store index 8c85108..ce2e9c8 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/.RData b/.RData index ea3861f..0fc0302 100644 Binary files a/.RData and b/.RData differ diff --git a/.Rhistory b/.Rhistory index 7115901..8c641b3 100644 --- a/.Rhistory +++ b/.Rhistory @@ -119,3 +119,5 @@ install.packages("reticulate") git add . git add . load("~/Quarto/Quarto_Kurse/.RData") +pip version +pip --version diff --git a/.Rproj.user/71E152F1/pcs/files-pane.pper b/.Rproj.user/71E152F1/pcs/files-pane.pper index f514959..59f1419 100644 --- a/.Rproj.user/71E152F1/pcs/files-pane.pper +++ b/.Rproj.user/71E152F1/pcs/files-pane.pper @@ -5,5 +5,5 @@ "ascending": true } ], - "path": "~/Quarto/Quarto_Kurse/bibliographien" + "path": "~/Quarto/Quarto_Kurse/lerngelegenheiten/LG_verstehensorientiert_pruefen" } \ No newline at end of file diff --git a/.Rproj.user/71E152F1/pcs/windowlayoutstate.pper b/.Rproj.user/71E152F1/pcs/windowlayoutstate.pper index fd2fa16..cdc2dbe 100644 --- a/.Rproj.user/71E152F1/pcs/windowlayoutstate.pper +++ b/.Rproj.user/71E152F1/pcs/windowlayoutstate.pper @@ -1,14 +1,14 @@ { "left": { - "splitterpos": 183, + "splitterpos": 232, "topwindowstate": "NORMAL", - "panelheight": 499, - "windowheight": 537 + "panelheight": 657, + "windowheight": 671 }, "right": { - "splitterpos": 286, + "splitterpos": 360, "topwindowstate": "MINIMIZE", - "panelheight": 502, - "windowheight": 540 + "panelheight": 633, + "windowheight": 671 } } \ No newline at end of file diff --git a/.Rproj.user/71E152F1/pcs/workbench-pane.pper b/.Rproj.user/71E152F1/pcs/workbench-pane.pper index 3c40eb0..07157f3 100644 --- a/.Rproj.user/71E152F1/pcs/workbench-pane.pper +++ b/.Rproj.user/71E152F1/pcs/workbench-pane.pper @@ -1,5 +1,5 @@ { "TabSet1": 0, - "TabSet2": 5, + "TabSet2": 4, "TabZoom": {} } \ No newline at end of file diff --git a/.Rproj.user/71E152F1/sources/prop/INDEX b/.Rproj.user/71E152F1/sources/prop/INDEX index f0a5a38..62b0e6b 100644 --- a/.Rproj.user/71E152F1/sources/prop/INDEX +++ b/.Rproj.user/71E152F1/sources/prop/INDEX @@ -101,6 +101,7 @@ ~%2FNextcloud%2FQuarto%2FQuarto_Medien_Informatik%2Findex.qmd="64D40733" ~%2FNextcloud%2FQuarto%2FTest-Dokumente%2FTest-Dokumente.qmd="05D375DD" ~%2FNextcloud%2FQuarto%2Ff%C3%BCr%20github%20kurse="C00AB026" +~%2FPython_KI_Math_FS24%2Fleandro_luethi_quatrate.py="87A77DD5" ~%2FPython_KI_Math_FS24%2Fpasswort.py="A804D349" ~%2FQuarto%2FPersonalzeug.Rmd="C58F261E" ~%2FQuarto%2FQuarto_Kurse%2F.gitignore="B73C8CBE" @@ -185,6 +186,7 @@ ~%2FQuarto%2FQuarto_other%2F_quarto.yml="85C20D6D" ~%2FQuarto%2FQuarto_other%2Fexcl_Spielwiese.qmd="5F934DEA" ~%2FQuarto%2FQuarto_other%2Fstyles.scss="E7C0712D" +~%2FQuarto%2Fvenn.svg="9380E400" ~%2FQuarto_Kurse%2F_publish.yml="F9AF19D2" ~%2FQuarto_Kurse%2F_quarto.yml="725C9E31" ~%2FQuarto_Kurse%2Fadd-custom-footer.html="1675B283" diff --git a/.Rproj.user/shared/notebooks/paths b/.Rproj.user/shared/notebooks/paths index ee972fb..69b2487 100644 --- a/.Rproj.user/shared/notebooks/paths +++ b/.Rproj.user/shared/notebooks/paths @@ -1,5 +1,3 @@ -/Users/richardconrardy/Downloads/AufgabenPython.tex="BA6D01FC" -/Users/richardconrardy/Downloads/Exported Items.bib="EA067C79" /Users/richardconrardy/Exported Items.bib="C04BA746" /Users/richardconrardy/Python_KI_Math_FS24/passwort.py="212A6955" /Users/richardconrardy/Quarto/Personalzeug.Rmd="3D570659" diff --git a/_extensions/andrie/gongtimer/_extension.yml b/_extensions/andrie/gongtimer/_extension.yml new file mode 100644 index 0000000..684eaae --- /dev/null +++ b/_extensions/andrie/gongtimer/_extension.yml @@ -0,0 +1,22 @@ +name: gongtimer +script: [elapsed_time_bar.js] + +title: gongtimer +author: Andrie de Vries +version: 0.1.0 +quarto-required: ">=1.2.222" +contributes: + revealjs-plugins: + - name: gongtimer + script: + - elapsed_time_bar.js + config: + gongtimer: + # // - (required) your allotted time for presentation + allottedTime: 5 + # // - (optional) height of page/time progress bar + progressBarHeight: 3 + # // - (optional) bar color + barColor: 'rgb(200,0,0)' + # // - (optional) bar color when timer is paused + pausedBarColor: 'rgba(200,0,0,.6)' \ No newline at end of file diff --git a/_extensions/andrie/gongtimer/elapsed_time_bar.js b/_extensions/andrie/gongtimer/elapsed_time_bar.js new file mode 100644 index 0000000..eb772da --- /dev/null +++ b/_extensions/andrie/gongtimer/elapsed_time_bar.js @@ -0,0 +1,161 @@ +// MIT License +// tkrkt/reveal.js-elapsed-time-bar +// https://github.com/tkrkt/reveal.js-elapsed-time-bar +// with minor modifications by Andrie de Vries to support Quarto + +var _gong = { + // default value + barColor: 'rgb(200,0,0)', + pausedBarColor: 'rgba(200,0,0,.6)', + + isPaused: false, + isFinished: false, + + allottedTime: null, + timeProgressBar: null, + startTime: null, + pauseTime: null, + pauseTimeDuration: 0, + + /** + * initialize elements + */ + handleReady: function(config) { + // var config = Reveal.getConfig(); + + // activate this plugin if config.allottedTime exists. + if (!config.allottedTime) { + console.warn('Failed to start ElapsedTimeBar plugin. "allottedTime" property is required.'); + return; + } + + // set configurations + this.barColor = config.barColor || this.barColor; + this.pausedBarColor = config.pausedBarColor || this.pausedBarColor; + + // calc barHeight from config.barHeight or page-progress container + var barHeight; + var pageProgressContainer = document.querySelector('.progress'); + if (config.progressBarHeight) { + barHeight = parseInt(config.progressBarHeight, 10) + 'px'; + + // override height of page-progress container + pageProgressContainer && (pageProgressContainer.style.height = barHeight); + } else if (config.progress && pageProgressContainer) { + // get height from page-progress container + barHeight = pageProgressContainer.getBoundingClientRect().height + 'px'; + } else { + // default + barHeight = '3px'; + } + + // create container of time-progress + var timeProgressContainer = document.createElement('div'); + timeProgressContainer.classList.add('progress'); + Object.entries({ + display: 'block', + position: 'fixed', + bottom: config.progress ? barHeight : 0, + width: '100%', + height: barHeight + }).forEach(([k, v]) => { + timeProgressContainer.style[k] = v; + }); + document.querySelector('.reveal').appendChild(timeProgressContainer); + + // create content of time-progress + this.timeProgressBar = document.createElement('div'); + Object.entries({ + height: '100%', + willChange: 'width' + }).forEach(([k, v]) => { + this.timeProgressBar.style[k] = v; + }); + timeProgressContainer.appendChild(this.timeProgressBar); + + // start timer + this.start(config.allottedTime); + }, + + /** + * update repeatedly using requestAnimationFrame. + */ + loop() { + if (this.isPaused) return; + var now = +new Date(); + var elapsedTime = now - this.startTime - this.pauseTimeDuration; + if (elapsedTime > this.allottedTime) { + this.timeProgressBar.style.width = '100%'; + this.isFinished = true; + } else { + this.timeProgressBar.style.width = elapsedTime / this.allottedTime * 100 + '%'; + requestAnimationFrame(this.loop.bind(this)); + } + }, + + /** + * set color of progress bar + */ + setBarColor() { + if (this.isPaused) { + this.timeProgressBar.style.backgroundColor = this.pausedBarColor; + } else { + this.timeProgressBar.style.backgroundColor = this.barColor; + } + }, + + /** + * start(reset) timer with new allotted time. + * @param {number} allottedTime + * @param {number} [elapsedTime=0] + */ + start(allottedTime, elapsedTime = 0) { + this.isFinished = false; + this.isPaused = false; + this.allottedTime = allottedTime; + this.startTime = +new Date() - elapsedTime; + this.pauseTimeDuration = 0; + this.setBarColor(); + this.loop(); + }, + + reset() { + this.start(this.allottedTime); + }, + + pause() { + if (this.isPaused) return; + this.isPaused = true; + this.pauseTime = +new Date(); + this.setBarColor(); + }, + + resume() { + if (!this.isPaused) return; + + // add paused time duration + this.isPaused = false; + this.pauseTimeDuration += new Date() - this.pauseTime; + this.pauseTime = null; + this.setBarColor(); + this.loop(); + } +}; + + +const initGong = function(deck) { + const config = deck.getConfig(); + const options = config.gongtimer || {}; + options.allottedTime = options.allottedTime * 60 * 1000; + window.addEventListener('ready', () => _gong.handleReady(options)); +} + + +window.gongtimer = window.gongtimer || function() { + return { + id: 'gongtimer', + init: (deck) => { + initGong(deck); + }, + } +}; \ No newline at end of file diff --git a/_publish.yml b/_publish.yml index acc2f63..87ff8d6 100644 --- a/_publish.yml +++ b/_publish.yml @@ -2,3 +2,4 @@ quarto-pub: - id: 65a90d48-d9b0-4791-b6ed-3db7ab4cbc85 url: 'https://phbern-rconrardy.quarto.pub/seminare' + diff --git a/docs/lerngelegenheiten/LG_math_summative_praes/woche_01.html b/docs/lerngelegenheiten/LG_math_summative_praes/woche_01.html index 41f585c..c72305f 100644 --- a/docs/lerngelegenheiten/LG_math_summative_praes/woche_01.html +++ b/docs/lerngelegenheiten/LG_math_summative_praes/woche_01.html @@ -1,419 +1,272 @@ - - + + + + + + + + + +Summative Beurteilung im Mathematikunterricht + + + + + - + + + + + + + - - - - - - - Summative Beurteilung im Mathematikunterricht - - - - - - - - - - - - - - - - - -
-
-
-

Summative Beurteilung im Mathematikunterricht

-

Grundlagen für den Unterricht
Woche 1

- -
- -
-
-
+

Organisatorisches

- -
-
-

Organisationsblatt

+
+

Organisationsblatt


-
-
-
-

Theorie

-
-
-

Grundlagen

+
+
+

Theorie

+
+

Grundlagen

-

Art.3 DVBS

+
+

Art.3 DVBS

Die Beurteilung ist

  1. förderorientiert,
  2. @@ -422,10 +275,12 @@

    Art.3 DVBS

  3. transparent und nachvollziehbar.
-

Erziehungsdirektion des Kantons Bern (2022)

+

Erziehungsdirektion des Kantons Bern (2022)

+
-

Qualitätsmerkmale einer kompetenzorientierten Beurteilung

+
+

Qualitätsmerkmale einer kompetenzorientierten Beurteilung

  • Förderorientierung: […]
  • Passung zum Unterricht: […]
  • @@ -433,13 +288,14 @@

    Qualitätsme
  • Umfassende Beurteilung: […]
-

Erziehungsdirektion des Kantons Bern (2016)

+

Erziehungsdirektion des Kantons Bern (2016)

+
-
-

Constructive Alignment

+
+

Constructive Alignment

The model of instruction that emerges is simple, and it makes intuitive sense:

  • teachers need to be clear about what they want their students to learn, and how they would manifest that learning […]
  • @@ -447,49 +303,53 @@

    Constructive Alignment

  • students are then required to provide evidence, either by self-set or teacher-set tasks, […]
-
-

Förderkreislauf

- -

-Abbildung 1: Förderkreislauf (Kuratle & Balmer, 2021, S. 3) -

-
-

Kriterien zur Auswahl von Schulstoff

+
+

Förderkreislauf

+
+
+
+ +
+
+Abbildung 1: Förderkreislauf (Kuratle & Balmer, 2021, S. 3) +
+
+
+
+
+

Kriterien zur Auswahl von Schulstoff

  • Der Lehrstoff muss mathematisch richtig sein.
  • Der Lehrstoff muss spätere Erweiterungen vorbereiten.
  • -
  • Der Lehrstoff muss an den Anfangszustand der SchUler anknüpfen.
  • +
  • Der Lehrstoff muss an den Anfangszustand der Schüler anknüpfen.
  • Der Lehrstoff muss den gestellten Zielen entsprechen.
-
-
-
-

Projektarbeit

-
-
-

Auftrag auf Woche 8

+
+
+

Projektarbeit

+
+

Auftrag auf Woche 8


-
-

Bibliographie

+
-
-

- -
-
+ + + +
+
+ +

Bibliographie

Biggs, J. (1996). Enhancing teaching through constructive alignment. Higher Education, 32(3), 347–364. https://doi.org/10.1007/BF00138871
@@ -505,401 +365,463 @@

Bibliographie

Van Dormolen, J. (1978). Didaktik der Mathematik. Vieweg+Teubner Verlag. https://doi.org/10.1007/978-3-322-84149-0
-
-
-
-
- - - - - - - - - - - - - - - - - - - - - + } else { + return undefined; + } + }; + var bibliorefs = window.document.querySelectorAll('a[role="doc-biblioref"]'); + for (var i=0; i + + + + + \ No newline at end of file diff --git a/docs/lerngelegenheiten/LG_math_summative_praes/woche_03.html b/docs/lerngelegenheiten/LG_math_summative_praes/woche_03.html index 37e11a4..eac6528 100644 --- a/docs/lerngelegenheiten/LG_math_summative_praes/woche_03.html +++ b/docs/lerngelegenheiten/LG_math_summative_praes/woche_03.html @@ -381,6 +381,7 @@

Inhalt

  • Tätigkeiten
  • @@ -466,6 +467,15 @@

    Zusammenhänge

    Tätigkeiten

    +
    +
    +

    Axiomatische Theorie

    +
    +

    In der weitesten Bedeutung des Wortes nennen wir die Entwicklung einer Theorie axiomatisch, wenn die Grundbegriffe und Grundvoraussetzungen als solche an die Spitze gestellt werden und aus ihnen der weitere Inhalt der Theorie mit Hilfe von Definitionen und Beweisen logisch abgeleitet wird. In diesem Sinne ist die Geometrie von Euklid, die Mechanik von Newton, die Thermodynamik von Clausius axiomatisch begründet worden.

    + +

    Denkprozesse

    diff --git a/docs/lerngelegenheiten/LG_verstehensorientiert_pruefen/math_ki.html b/docs/lerngelegenheiten/LG_verstehensorientiert_pruefen/math_ki.html index a3c1c0d..5e63710 100644 --- a/docs/lerngelegenheiten/LG_verstehensorientiert_pruefen/math_ki.html +++ b/docs/lerngelegenheiten/LG_verstehensorientiert_pruefen/math_ki.html @@ -516,7 +516,7 @@

    Projekt 2

    Aufgabenvorschläge

    - +

    Bestimme alle natürlichen Zahlen kleiner als 100, die entweder durch 5 oder 7 teilbar sind.

    @@ -529,8 +529,58 @@

    Aufgabenvorschläge

    • Bestimme alle natürlichen Zahlen kleiner als 100, die Summe von drei Quadraten sind.
    • Bestimme alle natürlichen Zahlen kleiner als 100, die Summe von drei Quadraten sind.
    • -
    • Bestimme alle nat?rlichen Zahlen kleiner als 100, die Summe von vier Quadraten sind.
    • +
    • Bestimme alle natürlichen Zahlen kleiner als 100, die Summe von vier Quadraten sind.
    +
    + +Lösungsvorschlag + +

    Dieser Lösungsvorschlag stammt von Leandro Lüthi (Studierender) unter eine CC BY-SA 4.0 Lizenz.

    +
    
    +def istSumVonQuadr(zahl, anz_quadrnr):
    +  # Diese Funktion überprüft, ob eine Zahl als Summe von zwei Quadraten dargestellt werden kann.
    +  if anz_quadrnr == 2:
    +    for i in range(1, int(zahl**0.5)+1):
    +    # for-Schleife läuft von 1-zur Wurzel unserer Zahl und testet immer die Summe
    +    # Von i- Wurzel unserer Zahl, ob die Summe gleich unserer Zahl ist
    +      for j in range(i, int(zahl**0.5)+1):
    +        if i**2 + j**2 == zahl:
    +          return True
    +          # Wird eine Kombination gefunden, die unsere Zahl ergibt, gibt die Funnktion true zurück
    +    return False
    +  else:
    +    # Rekursive Funktion, um alle möglichen Kombinationen zu überprüfen
    +    for i in range(1, int(zahl**0.5) + 1):
    +      # Reduzieren der Anzahl an Quadraten um 1 und Überprüfen der verbleibenden Summe
    +      if istSumVonQuadr(zahl - i**2, anz_quadrnr - 1):
    +        return True
    +        """
    +        Von der 'zahl' wird das Quadrat von i subdrahiert
    +        Anschliessend wird die Funkt. rekursiv mit dem Ergebniss und anz_quadrnr-1 als Parameter wieder aufgerufen, um zu überprüfen, ob es eine Quadratzahlenkombination gibt mit anz_quadrnr-1 Summanden, die als Resultat die Differenz
    +        zwischen i**2 und zahl ergeben
    +        """
    +    return False
    +
    +# Liste zum Speichern der Zahlen, die als Summe von zwei Quadraten dargestellt werden können
    +summe_quadraten_zahlen = []
    +print("Geben Sie eine Zahl ein, bis wohin alle natürlichen Zahlen bestimmt werden sollen, die Summe von Quadratzahlen sind:",flush=True)
    +rangeOfQuadrNr = int(input("Zahl: "))
    +quadrnr = int(input("Geben Sie die Anzahl an Summanden von Quadratzahlen ein: "))
    +# Durchlaufe alle Zahlen von 1 bis rangeOfQuadrNr
    +for zahl in range(1, rangeOfQuadrNr):
    +  if istSumVonQuadr(zahl, quadrnr):
    +    """
    +    Der 2. Parameter der Funktion gibt an, wie viele Summanden von Quadratzahlen zusammen die 'zahl' ergeben sollen für alle Zahlen von 1-99 wird überprüft, ob es Quadratzahlen gibt, die in Summe die zahl ergeben
    +    """
    +    summe_quadraten_zahlen.append(zahl)
    +# Gibt die Funktion ein 'true' zurück, wird das if-Statement ausgeführt und die Zahl in unsere Liste gepusht
    +
    +# Ausgabe der gefundenen Zahlen
    +print("Natürliche Zahlen kleiner als "+str(rangeOfQuadrNr)+", die Summe von "+str(quadrnr)+" Quadraten sind: ")
    +for zahl in summe_quadraten_zahlen:
    +  print(zahl)
    +  # Alle Elemente unserer Liste, werden geprinted
    +

    Die SuS erkennen, dass jede natürliche Zahl \(n\) als Summe von vier Quadratzahlen dargestellt werden kann.

    diff --git a/docs/search.json b/docs/search.json index b3fe395..b3d98cb 100644 --- a/docs/search.json +++ b/docs/search.json @@ -381,50 +381,50 @@ "objectID": "tagungsunterlagen/2024_05_02_KI_Mathematikunterricht.html#machine-learning-ml", "href": "tagungsunterlagen/2024_05_02_KI_Mathematikunterricht.html#machine-learning-ml", "title": "KI im Mathematikunterricht", - "section": "", - "text": "Hersteller\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nUserdata\n\n\n\nPrompt\n\n\n\nContext\n\n\n\nArchitektur\n\n\n\nParameter\n\n\n\nTraining\n\n\n\nTraining Data\n\n\n\nTags\n\n\n\nFeedback\n\n\n\nAnbieter\n\n\n\nRegeln\n\n\n\nInstruktionen\n\n\n\nApplikation\n\n\n\nOutput\n\n\n\nSprachmodell\n\n\n\nUser Interface" + "section": "Machine Learning (ML)", + "text": "Machine Learning (ML)\n\n\n\n\n\n\n\n\n\n\n\n\nHersteller\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nUserdata\n\n\n\nPrompt\n\n\n\nContext\n\n\n\nArchitektur\n\n\n\nParameter\n\n\n\nTraining\n\n\n\nTraining Data\n\n\n\nTags\n\n\n\nFeedback\n\n\n\nAnbieter\n\n\n\nRegeln\n\n\n\nInstruktionen\n\n\n\nApplikation\n\n\n\nOutput\n\n\n\nSprachmodell\n\n\n\nUser Interface\n\n\n\n\n\n\n\n\n\n\nAbbildung 2: Übersicht über Machine Learning" }, { "objectID": "tagungsunterlagen/2024_05_02_KI_Mathematikunterricht.html#wichtige-entwicklungen-der-letzten-jahre", "href": "tagungsunterlagen/2024_05_02_KI_Mathematikunterricht.html#wichtige-entwicklungen-der-letzten-jahre", "title": "KI im Mathematikunterricht", - "section": "", - "text": "Attention (vgl. Vaswani et al., 2017)\nTransformer Architektur\nLarge Language Models\nMultimodal Models" + "section": "Wichtige Entwicklungen der letzten Jahre", + "text": "Wichtige Entwicklungen der letzten Jahre\n\nAttention (vgl. Vaswani et al., 2017)\nTransformer Architektur\nLarge Language Models\nMultimodal Models" }, { "objectID": "tagungsunterlagen/2024_05_02_KI_Mathematikunterricht.html#wichtige-konzepte", "href": "tagungsunterlagen/2024_05_02_KI_Mathematikunterricht.html#wichtige-konzepte", "title": "KI im Mathematikunterricht", - "section": "", - "text": "Temperature (vgl. Wolfram, 2023 )\nGenerative KI\nArtificial general intelligence\n\\(\\Rightarrow ML \\supset KI\\,?\\)" + "section": "Wichtige Konzepte", + "text": "Wichtige Konzepte\n\nTemperature (vgl. Wolfram, 2023 )\nGenerative KI\nArtificial general intelligence\n\\(\\Rightarrow ML \\supset KI\\,?\\)" }, { "objectID": "tagungsunterlagen/2024_05_02_KI_Mathematikunterricht.html#summative-beurteilung", "href": "tagungsunterlagen/2024_05_02_KI_Mathematikunterricht.html#summative-beurteilung", "title": "KI im Mathematikunterricht", "section": "Summative Beurteilung", - "text": "Summative Beurteilung\n\nDatenschutz & Nutzungsrechte\nEthische Aspekte\nKI \\(\\neq\\) KI\nKI \\(\\neq\\) Taschenrechner\n\n“participants were not able to detect AI-generated argumentative essays” (Fleckenstein et al., 2024, p. 3) (pdf)\n“teachers may not be aware of their inability to identify AI-generated texts among student essays” (Fleckenstein et al., 2024, p. 4) (pdf)" + "text": "Summative Beurteilung\n\nDatenschutz & Nutzungsrechte\nEthische Aspekte\nKI \\(\\neq\\) KI\nKI \\(\\neq\\) Taschenrechner\n\n\nparticipants were not able to detect AI-generated argumentative essays\n\n\n(Fleckenstein et al., 2024, p. 3)\n\n\nteachers may not be aware of their inability to identify AI-generated texts among student essays\n\n\n(Fleckenstein et al., 2024, p. 4)" }, { "objectID": "tagungsunterlagen/2024_05_02_KI_Mathematikunterricht.html#formative-beurteilung", "href": "tagungsunterlagen/2024_05_02_KI_Mathematikunterricht.html#formative-beurteilung", "title": "KI im Mathematikunterricht", "section": "Formative Beurteilung", - "text": "Formative Beurteilung\n“Bildungsnahe Eltern halfen ihren Kindern bei den Hausaufgaben. Kinder aus bildungsfernen Haushalten waren auf sich gestellt.”\n\n(Wälti in Jones, 2022, S. 3)\n\n“Es soll ausdrücklich keine „ständige Beurteilungssituation“ entstehen”\n\n(Kuratle & Balmer, 2021, S. 10)" + "text": "Formative Beurteilung\n\nBildungsnahe Eltern halfen ihren Kindern bei den Hausaufgaben. Kinder aus bildungsfernen Haushalten waren auf sich gestellt.\n\n\n(Wälti in Jones, 2022, S. 3)\n\n\nEs soll ausdrücklich keine „ständige Beurteilungssituation“ entstehen\n\n\n(Kuratle & Balmer, 2021, S. 10)" }, { "objectID": "tagungsunterlagen/2024_05_02_KI_Mathematikunterricht.html#bibigirl-die-vollkommene-puppe", "href": "tagungsunterlagen/2024_05_02_KI_Mathematikunterricht.html#bibigirl-die-vollkommene-puppe", "title": "KI im Mathematikunterricht", "section": "Bibigirl, die vollkommene Puppe", - "text": "Bibigirl, die vollkommene Puppe\n\nJa, wenn die Puppe gar nichts gesagt hätte, dann hätte Momo an ihrer Stelle antworten können, und es hätte sich die schönste Unterhaltung ergeben\nAber so verhinderte Bibigirl gerade dadurch, daß sie redete, jedes Gespräch.\n[…]\nIch glaub’, sagte sie leise, man kann sie nicht liebhaben.\n\nEnde (1973)" + "text": "Bibigirl, die vollkommene Puppe\n\nJa, wenn die Puppe gar nichts gesagt hätte, dann hätte Momo an ihrer Stelle antworten können, und es hätte sich die schönste Unterhaltung ergeben\nAber so verhinderte Bibigirl gerade dadurch, daß sie redete, jedes Gespräch.\n[…]\nIch glaub’, sagte sie leise, man kann sie nicht liebhaben.\n\nMomo von Ende (1973)" }, { "objectID": "tagungsunterlagen/2024_05_02_KI_Mathematikunterricht.html#bibliographie", "href": "tagungsunterlagen/2024_05_02_KI_Mathematikunterricht.html#bibliographie", "title": "KI im Mathematikunterricht", "section": "Bibliographie", - "text": "Bibliographie\n\n\n\n\nPHBern, Institut Sekundarstufe 1, Richard Conrardy, Dozent\n\n\n\n\nEnde, M. (1973). Momo oder die seltsame Geschichte von den Zeit-Dieben und von dem Kind, das den Menschen die gestohlene Zeit zurückbrachte: ein Märchen-Roman (Ungekürzte Taschenbuchausg). Piper.\n\n\nJones, N. (2022). «Was wir einst einübten, macht heute die Maschine». Berner Zeitung.\n\n\nKuratle, R., & Balmer, T. (2021). Kompetenzorientierte Beurteilung an der Volksschule des Kantons Bern. Institut für Weiterbildung und Medienbildung.\n\n\nVaswani, A., Shazeer, N., Parmar, N., Uszkoreit, J., Jones, L., Gomez, A. N., Kaiser, Ł., & Polosukhin, I. (2017). Attention is All you Need. Advances in Neural Information Processing Systems 30, 30, 5999–6010. https://dl.acm.org/doi/pdf/10.5555/3295222.3295349\n\n\nWolfram, S. (2023). What is ChatGPT doing ... and why does it work? Wolfram Media, Inc." + "text": "Bibliographie\n\n\n\n\nPHBern, Institut Sekundarstufe 1, Richard Conrardy, Dozent\n\n\n\n\nEnde, M. (1973). Momo oder die seltsame Geschichte von den Zeit-Dieben und von dem Kind, das den Menschen die gestohlene Zeit zurückbrachte: ein Märchen-Roman (Ungekürzte Taschenbuchausg). Piper.\n\n\nFleckenstein, J., Meyer, J., Jansen, T., Keller, S. D., Köller, O., & Möller, J. (2024). Do teachers spot AI? Evaluating the detectability of AI-generated texts among student essays. Computers and Education: Artificial Intelligence, 6, 100209. https://doi.org/10.1016/j.caeai.2024.100209\n\n\nJones, N. (2022). «Was wir einst einübten, macht heute die Maschine». Berner Zeitung.\n\n\nKuratle, R., & Balmer, T. (2021). Kompetenzorientierte Beurteilung an der Volksschule des Kantons Bern. Institut für Weiterbildung und Medienbildung.\n\n\nMishra, P., & Koehler, M. J. (2006). Technological pedagogical content knowledge: A framework for teacher knowledge. Teachers College Record, 108(6), 1017–1054. https://doi.org/10.1111/j.1467-9620.2006.00684.x\n\n\nVaswani, A., Shazeer, N., Parmar, N., Uszkoreit, J., Jones, L., Gomez, A. N., Kaiser, Ł., & Polosukhin, I. (2017). Attention is All you Need. Advances in Neural Information Processing Systems 30, 30, 5999–6010. https://dl.acm.org/doi/pdf/10.5555/3295222.3295349\n\n\nWolfram, S. (2023). What is ChatGPT doing ... and why does it work? Wolfram Media, Inc." }, { "objectID": "index.html", @@ -437,15 +437,15 @@ "objectID": "lerngelegenheiten/LG_math_summative_praes/woche_01.html#organisationsblatt", "href": "lerngelegenheiten/LG_math_summative_praes/woche_01.html#organisationsblatt", "title": "Summative Beurteilung im Mathematikunterricht", - "section": "Organisationsblatt", - "text": "Organisationsblatt\n\n\nOrganisationsblatt\nPorta-Mathematik Materialraum" + "section": "", + "text": "Organisationsblatt\nPorta-Mathematik Materialraum" }, { "objectID": "lerngelegenheiten/LG_math_summative_praes/woche_01.html#grundlagen", "href": "lerngelegenheiten/LG_math_summative_praes/woche_01.html#grundlagen", "title": "Summative Beurteilung im Mathematikunterricht", "section": "Grundlagen", - "text": "Grundlagen\n\n\nArt.3 DVBS\nDie Beurteilung ist\n\nförderorientiert,\nlernzielorientiert,\numfassend, […]\ntransparent und nachvollziehbar.\n\n\nErziehungsdirektion des Kantons Bern (2022)\n\n\nQualitätsmerkmale einer kompetenzorientierten Beurteilung\n\nFörderorientierung: […]\nPassung zum Unterricht: […]\nTransparenz / Nachvollziehbarkeit: […]\nUmfassende Beurteilung: […]\n\n\nErziehungsdirektion des Kantons Bern (2016)" + "text": "Grundlagen\n\n\n\nArt.3 DVBS\nDie Beurteilung ist\n\nförderorientiert,\nlernzielorientiert,\numfassend, […]\ntransparent und nachvollziehbar.\n\n\nErziehungsdirektion des Kantons Bern (2022)\n\n\n\n\nQualitätsmerkmale einer kompetenzorientierten Beurteilung\n\nFörderorientierung: […]\nPassung zum Unterricht: […]\nTransparenz / Nachvollziehbarkeit: […]\nUmfassende Beurteilung: […]\n\n\nErziehungsdirektion des Kantons Bern (2016)" }, { "objectID": "lerngelegenheiten/LG_math_summative_praes/woche_01.html#constructive-alignment", @@ -459,14 +459,14 @@ "href": "lerngelegenheiten/LG_math_summative_praes/woche_01.html#förderkreislauf", "title": "Summative Beurteilung im Mathematikunterricht", "section": "Förderkreislauf", - "text": "Förderkreislauf\n\n\nAbbildung 1: Förderkreislauf (Kuratle & Balmer, 2021, S. 3)" + "text": "Förderkreislauf\n\n\n\n\n\n\nAbbildung 1: Förderkreislauf (Kuratle & Balmer, 2021, S. 3)" }, { "objectID": "lerngelegenheiten/LG_math_summative_praes/woche_01.html#kriterien-zur-auswahl-von-schulstoff", "href": "lerngelegenheiten/LG_math_summative_praes/woche_01.html#kriterien-zur-auswahl-von-schulstoff", "title": "Summative Beurteilung im Mathematikunterricht", "section": "Kriterien zur Auswahl von Schulstoff", - "text": "Kriterien zur Auswahl von Schulstoff\n\nDer Lehrstoff muss mathematisch richtig sein.\nDer Lehrstoff muss spätere Erweiterungen vorbereiten.\nDer Lehrstoff muss an den Anfangszustand der SchUler anknüpfen.\nDer Lehrstoff muss den gestellten Zielen entsprechen.\n\n\n(Van Dormolen, 1978, S. 36)" + "text": "Kriterien zur Auswahl von Schulstoff\n\nDer Lehrstoff muss mathematisch richtig sein.\nDer Lehrstoff muss spätere Erweiterungen vorbereiten.\nDer Lehrstoff muss an den Anfangszustand der Schüler anknüpfen.\nDer Lehrstoff muss den gestellten Zielen entsprechen.\n\n\n(Van Dormolen, 1978, S. 36)" }, { "objectID": "lerngelegenheiten/LG_math_summative_praes/woche_01.html#auftrag-auf-woche-8", @@ -1691,7 +1691,7 @@ "href": "tagungsunterlagen/2024_03_18_Treffpunkt_Hochschuldidaktik.html#workshop", "title": "Inhalte effizient onlinebringen", "section": "Workshop", - "text": "Workshop\n\n\nQuellcode für den Countdown\nlibrary (countdown)\ncountdown(\n right = 0,\n top = 0,\n font_size = \"1.5em\",\n margin = \"0%\",\n minutes = 20, \n seconds = 0\n)\n\n\n\n−+\n20:00" + "text": "Workshop" }, { "objectID": "tagungsunterlagen/2024_03_18_Treffpunkt_Hochschuldidaktik.html#creative-coding---sonja-schär", @@ -1761,7 +1761,7 @@ "href": "tagungsunterlagen/2024_03_18_Treffpunkt_Hochschuldidaktik.html#bibliographie", "title": "Inhalte effizient onlinebringen", "section": "Bibliographie", - "text": "Bibliographie\n\n\n\n\nPHBern, Institut Sekundarstufe 1, Richard Conrardy, Dozent\n\n\n\n\nEidgenössisches Institut für Geistiges Eigentum. (o. J.). Zitieren aus Werken - Eidgenössisches Institut für Geistiges Eigentum. https://www.ige.ch/de/etwas-schuetzen/urheberrecht/ein-werk-nutzen/erlaubte-nutzungen/zitieren-aus-werken\n\n\nThurlbeck, W. M. (1989). Perestroika, Fashion, and the Universal Glue. American Review of Respiratory Disease, 139(5), 1280–1281. https://doi.org/10.1164/ajrccm/139.5.1280" + "text": "Bibliographie\n\n\n\n\nPHBern, Institut Sekundarstufe 1, Richard Conrardy, Dozent\n\n\n\n\nEidgenössisches Institut für Geistiges Eigentum. (o. J.). Zitieren aus Werken - Eidgenössisches Institut für Geistiges Eigentum. https://www.ige.ch/de/etwas-schuetzen/urheberrecht/ein-werk-nutzen/erlaubte-nutzungen/zitieren-aus-werken" }, { "objectID": "lerngelegenheiten/LG_math_summative_praes/woche_03.html#zusammenhang-zwischen-fachinhalten-und-kompetenzen-nach-lp21", @@ -1825,5 +1825,124 @@ "title": "Summative Beurteilung im Mathematikunterricht", "section": "Kompetenzbereiche nach Lehrplan21", "text": "Kompetenzbereiche nach Lehrplan21\n\nZahl und Variable\nForm und Raum\nGrössen, Funktionen, Daten und Zufall\n\n\nBildungs- und Kulturdirektion des Kantons Bern (2016)" + }, + { + "objectID": "lerngelegenheiten/LG_math_summative_praes/woche_03.html#axiomatische-theorie", + "href": "lerngelegenheiten/LG_math_summative_praes/woche_03.html#axiomatische-theorie", + "title": "Summative Beurteilung im Mathematikunterricht", + "section": "Axiomatische Theorie", + "text": "Axiomatische Theorie\n\nIn der weitesten Bedeutung des Wortes nennen wir die Entwicklung einer Theorie axiomatisch, wenn die Grundbegriffe und Grundvoraussetzungen als solche an die Spitze gestellt werden und aus ihnen der weitere Inhalt der Theorie mit Hilfe von Definitionen und Beweisen logisch abgeleitet wird. In diesem Sinne ist die Geometrie von Euklid, die Mechanik von Newton, die Thermodynamik von Clausius axiomatisch begründet worden.\n\n(Hilbert & P. Bernays, 1968, S. 1)" + }, + { + "objectID": "tagungsunterlagen/2024_05_02_KI_Mathematikunterricht.html#tpack-modell", + "href": "tagungsunterlagen/2024_05_02_KI_Mathematikunterricht.html#tpack-modell", + "title": "KI im Mathematikunterricht", + "section": "TPACK-Modell", + "text": "TPACK-Modell\n\n\nAbbildung 2: TPACK Modell (Mishra & Koehler, 2006)" + }, + { + "objectID": "tagungsunterlagen/2024_05_02_KI_Mathematikunterricht.html#section", + "href": "tagungsunterlagen/2024_05_02_KI_Mathematikunterricht.html#section", + "title": "KI im Mathematikunterricht", + "section": "", + "text": "Abbildung 1: TPACK Modell (Mishra & Koehler, 2006)\n\nBild von Matthew Koehler, CC0, via Wikimedia Commons" + }, + { + "objectID": "tagungsunterlagen/2024_03_18_Treffpunkt_Hochschuldidaktik.html#webseite-erstellen", + "href": "tagungsunterlagen/2024_03_18_Treffpunkt_Hochschuldidaktik.html#webseite-erstellen", + "title": "Inhalte effizient onlinebringen", + "section": "Webseite erstellen", + "text": "Webseite erstellen" + }, + { + "objectID": "tagungsunterlagen/2024_03_18_Treffpunkt_Hochschuldidaktik.html#webseite-auf-ilias-stellen", + "href": "tagungsunterlagen/2024_03_18_Treffpunkt_Hochschuldidaktik.html#webseite-auf-ilias-stellen", + "title": "Inhalte effizient onlinebringen", + "section": "Webseite auf Ilias stellen", + "text": "Webseite auf Ilias stellen" + }, + { + "objectID": "tagungsunterlagen/2024_03_18_Treffpunkt_Hochschuldidaktik.html#webseite-auf-dem-internet-publizieren", + "href": "tagungsunterlagen/2024_03_18_Treffpunkt_Hochschuldidaktik.html#webseite-auf-dem-internet-publizieren", + "title": "Inhalte effizient onlinebringen", + "section": "Webseite auf dem Internet publizieren", + "text": "Webseite auf dem Internet publizieren" + }, + { + "objectID": "tagungsunterlagen/2024_03_18_Treffpunkt_Hochschuldidaktik.html#section-1", + "href": "tagungsunterlagen/2024_03_18_Treffpunkt_Hochschuldidaktik.html#section-1", + "title": "Inhalte effizient onlinebringen", + "section": "🧠 + 🤖 = 🦾", + "text": "🧠 + 🤖 = 🦾\n\nHello, Rainbow Text!\n\n\n\nThis text will sparkle!\n\n\n\n\n\nThis text will jiggle!\n\n\n\n\n\nWordArt is back!" + }, + { + "objectID": "tagungsunterlagen/2024_03_18_Treffpunkt_Hochschuldidaktik.html#do-it-yourself", + "href": "tagungsunterlagen/2024_03_18_Treffpunkt_Hochschuldidaktik.html#do-it-yourself", + "title": "Inhalte effizient onlinebringen", + "section": "Do-it-yourself", + "text": "Do-it-yourself\n\nMarkdown\nYaml\nCSS\nHTML\n\\(\\LaTeX\\)\nPython\nJavascript(Mermaid JS)\nBibtex" + }, + { + "objectID": "tagungsunterlagen/2024_03_18_Treffpunkt_Hochschuldidaktik.html#yaml", + "href": "tagungsunterlagen/2024_03_18_Treffpunkt_Hochschuldidaktik.html#yaml", + "title": "Inhalte effizient onlinebringen", + "section": "YAML", + "text": "YAML" + }, + { + "objectID": "tagungsunterlagen/2024_03_18_Treffpunkt_Hochschuldidaktik.html#webseite-anpassen", + "href": "tagungsunterlagen/2024_03_18_Treffpunkt_Hochschuldidaktik.html#webseite-anpassen", + "title": "Inhalte effizient onlinebringen", + "section": "Webseite anpassen", + "text": "Webseite anpassen\n\n_quarto.yml\nstyles.scss\nindex.qmd" + }, + { + "objectID": "tagungsunterlagen/2024_03_18_Treffpunkt_Hochschuldidaktik.html#dateien", + "href": "tagungsunterlagen/2024_03_18_Treffpunkt_Hochschuldidaktik.html#dateien", + "title": "Inhalte effizient onlinebringen", + "section": "Dateien", + "text": "Dateien\nWebseite anpassen\n\n_quarto.yml\nstyles.scss\nindex.qmd\nneue Seite erstellen und ins Menü einfügen\n\nPräsentationsfolien erstellen" + }, + { + "objectID": "tagungsunterlagen/2024_03_18_Treffpunkt_Hochschuldidaktik.html#expectation-management", + "href": "tagungsunterlagen/2024_03_18_Treffpunkt_Hochschuldidaktik.html#expectation-management", + "title": "Inhalte effizient onlinebringen", + "section": "Expectation management", + "text": "Expectation management\n\n\nbesser als Powerpoint, Word etc.\nschlechter\nerfrischend anders!" + }, + { + "objectID": "tagungsunterlagen/2024_03_18_Treffpunkt_Hochschuldidaktik.html#learning-outcomes-1", + "href": "tagungsunterlagen/2024_03_18_Treffpunkt_Hochschuldidaktik.html#learning-outcomes-1", + "title": "Inhalte effizient onlinebringen", + "section": "Learning Outcomes", + "text": "Learning Outcomes\n\nWir erstellen eine Webseite in 5 Minuten.\nWir schreiben in 7 Sprachen." + }, + { + "objectID": "tagungsunterlagen/2024_03_18_Treffpunkt_Hochschuldidaktik.html#step-plan", + "href": "tagungsunterlagen/2024_03_18_Treffpunkt_Hochschuldidaktik.html#step-plan", + "title": "Inhalte effizient onlinebringen", + "section": "3 step plan", + "text": "3 step plan\n\nWebseite erstellen\nWebseite auf Ilias stellen\nWebseite auf dem Internet publizieren\n\n\n\n\n−+\n20:00" + }, + { + "objectID": "tagungsunterlagen/2024_03_18_Treffpunkt_Hochschuldidaktik.html#wo-geht-die-reise-hin", + "href": "tagungsunterlagen/2024_03_18_Treffpunkt_Hochschuldidaktik.html#wo-geht-die-reise-hin", + "title": "Inhalte effizient onlinebringen", + "section": "Wo geht die Reise hin?", + "text": "Wo geht die Reise hin?\n\nGithub\nPDF-Vorlagen" + }, + { + "objectID": "tagungsunterlagen/2024_03_18_Treffpunkt_Hochschuldidaktik.html#diskussion", + "href": "tagungsunterlagen/2024_03_18_Treffpunkt_Hochschuldidaktik.html#diskussion", + "title": "Inhalte effizient onlinebringen", + "section": "Diskussion", + "text": "Diskussion\n\nPotential für Studierende?\nPotential für Dozierende?\nWelche Features sind wichtig?" + }, + { + "objectID": "lerngelegenheiten/LG_math_summative_praes/woche_01.html", + "href": "lerngelegenheiten/LG_math_summative_praes/woche_01.html", + "title": "Summative Beurteilung im Mathematikunterricht", + "section": "", + "text": "Organisationsblatt\nPorta-Mathematik Materialraum" } ] \ No newline at end of file diff --git a/docs/site_libs/countdown-0.4.0/countdown.css b/docs/site_libs/countdown-0.4.0/countdown.css index bf32c41..22941ae 100644 --- a/docs/site_libs/countdown-0.4.0/countdown.css +++ b/docs/site_libs/countdown-0.4.0/countdown.css @@ -2,7 +2,7 @@ background: inherit; position: absolute; cursor: pointer; - font-size: 2em; + font-size: 1.5em; line-height: 1; border-color: #ddd; border-width: 3px; diff --git a/docs/site_libs/revealjs/plugin/gongtimer/elapsed_time_bar.js b/docs/site_libs/revealjs/plugin/gongtimer/elapsed_time_bar.js new file mode 100644 index 0000000..eb772da --- /dev/null +++ b/docs/site_libs/revealjs/plugin/gongtimer/elapsed_time_bar.js @@ -0,0 +1,161 @@ +// MIT License +// tkrkt/reveal.js-elapsed-time-bar +// https://github.com/tkrkt/reveal.js-elapsed-time-bar +// with minor modifications by Andrie de Vries to support Quarto + +var _gong = { + // default value + barColor: 'rgb(200,0,0)', + pausedBarColor: 'rgba(200,0,0,.6)', + + isPaused: false, + isFinished: false, + + allottedTime: null, + timeProgressBar: null, + startTime: null, + pauseTime: null, + pauseTimeDuration: 0, + + /** + * initialize elements + */ + handleReady: function(config) { + // var config = Reveal.getConfig(); + + // activate this plugin if config.allottedTime exists. + if (!config.allottedTime) { + console.warn('Failed to start ElapsedTimeBar plugin. "allottedTime" property is required.'); + return; + } + + // set configurations + this.barColor = config.barColor || this.barColor; + this.pausedBarColor = config.pausedBarColor || this.pausedBarColor; + + // calc barHeight from config.barHeight or page-progress container + var barHeight; + var pageProgressContainer = document.querySelector('.progress'); + if (config.progressBarHeight) { + barHeight = parseInt(config.progressBarHeight, 10) + 'px'; + + // override height of page-progress container + pageProgressContainer && (pageProgressContainer.style.height = barHeight); + } else if (config.progress && pageProgressContainer) { + // get height from page-progress container + barHeight = pageProgressContainer.getBoundingClientRect().height + 'px'; + } else { + // default + barHeight = '3px'; + } + + // create container of time-progress + var timeProgressContainer = document.createElement('div'); + timeProgressContainer.classList.add('progress'); + Object.entries({ + display: 'block', + position: 'fixed', + bottom: config.progress ? barHeight : 0, + width: '100%', + height: barHeight + }).forEach(([k, v]) => { + timeProgressContainer.style[k] = v; + }); + document.querySelector('.reveal').appendChild(timeProgressContainer); + + // create content of time-progress + this.timeProgressBar = document.createElement('div'); + Object.entries({ + height: '100%', + willChange: 'width' + }).forEach(([k, v]) => { + this.timeProgressBar.style[k] = v; + }); + timeProgressContainer.appendChild(this.timeProgressBar); + + // start timer + this.start(config.allottedTime); + }, + + /** + * update repeatedly using requestAnimationFrame. + */ + loop() { + if (this.isPaused) return; + var now = +new Date(); + var elapsedTime = now - this.startTime - this.pauseTimeDuration; + if (elapsedTime > this.allottedTime) { + this.timeProgressBar.style.width = '100%'; + this.isFinished = true; + } else { + this.timeProgressBar.style.width = elapsedTime / this.allottedTime * 100 + '%'; + requestAnimationFrame(this.loop.bind(this)); + } + }, + + /** + * set color of progress bar + */ + setBarColor() { + if (this.isPaused) { + this.timeProgressBar.style.backgroundColor = this.pausedBarColor; + } else { + this.timeProgressBar.style.backgroundColor = this.barColor; + } + }, + + /** + * start(reset) timer with new allotted time. + * @param {number} allottedTime + * @param {number} [elapsedTime=0] + */ + start(allottedTime, elapsedTime = 0) { + this.isFinished = false; + this.isPaused = false; + this.allottedTime = allottedTime; + this.startTime = +new Date() - elapsedTime; + this.pauseTimeDuration = 0; + this.setBarColor(); + this.loop(); + }, + + reset() { + this.start(this.allottedTime); + }, + + pause() { + if (this.isPaused) return; + this.isPaused = true; + this.pauseTime = +new Date(); + this.setBarColor(); + }, + + resume() { + if (!this.isPaused) return; + + // add paused time duration + this.isPaused = false; + this.pauseTimeDuration += new Date() - this.pauseTime; + this.pauseTime = null; + this.setBarColor(); + this.loop(); + } +}; + + +const initGong = function(deck) { + const config = deck.getConfig(); + const options = config.gongtimer || {}; + options.allottedTime = options.allottedTime * 60 * 1000; + window.addEventListener('ready', () => _gong.handleReady(options)); +} + + +window.gongtimer = window.gongtimer || function() { + return { + id: 'gongtimer', + init: (deck) => { + initGong(deck); + }, + } +}; \ No newline at end of file diff --git a/docs/tagungsunterlagen/2024_03_18_Treffpunkt_Hochschuldidaktik.html b/docs/tagungsunterlagen/2024_03_18_Treffpunkt_Hochschuldidaktik.html index 6711cb3..ad9282f 100644 --- a/docs/tagungsunterlagen/2024_03_18_Treffpunkt_Hochschuldidaktik.html +++ b/docs/tagungsunterlagen/2024_03_18_Treffpunkt_Hochschuldidaktik.html @@ -8,9 +8,8 @@ - - - + + Inhalte effizient onlinebringen @@ -31,71 +30,6 @@ margin: 0 0.8em 0.2em -1em; /* quarto-specific, see https://github.com/quarto-dev/quarto-cli/issues/4556 */ vertical-align: middle; } - /* CSS for syntax highlighting */ - pre > code.sourceCode { white-space: pre; position: relative; } - pre > code.sourceCode > span { line-height: 1.25; } - pre > code.sourceCode > span:empty { height: 1.2em; } - .sourceCode { overflow: visible; } - code.sourceCode > span { color: inherit; text-decoration: inherit; } - div.sourceCode { margin: 1em 0; } - pre.sourceCode { margin: 0; } - @media screen { - div.sourceCode { overflow: auto; } - } - @media print { - pre > code.sourceCode { white-space: pre-wrap; } - pre > code.sourceCode > span { text-indent: -5em; padding-left: 5em; } - } - pre.numberSource code - { counter-reset: source-line 0; } - pre.numberSource code > span - { position: relative; left: -4em; counter-increment: source-line; } - pre.numberSource code > span > a:first-child::before - { content: counter(source-line); - position: relative; left: -1em; text-align: right; vertical-align: baseline; - border: none; display: inline-block; - -webkit-touch-callout: none; -webkit-user-select: none; - -khtml-user-select: none; -moz-user-select: none; - -ms-user-select: none; user-select: none; - padding: 0 4px; width: 4em; - color: #aaaaaa; - } - pre.numberSource { margin-left: 3em; border-left: 1px solid #aaaaaa; padding-left: 4px; } - div.sourceCode - { color: #003b4f; background-color: #f1f3f5; } - @media screen { - pre > code.sourceCode > span > a:first-child::before { text-decoration: underline; } - } - code span { color: #003b4f; } /* Normal */ - code span.al { color: #ad0000; } /* Alert */ - code span.an { color: #5e5e5e; } /* Annotation */ - code span.at { color: #657422; } /* Attribute */ - code span.bn { color: #ad0000; } /* BaseN */ - code span.bu { } /* BuiltIn */ - code span.cf { color: #003b4f; } /* ControlFlow */ - code span.ch { color: #20794d; } /* Char */ - code span.cn { color: #8f5902; } /* Constant */ - code span.co { color: #5e5e5e; } /* Comment */ - code span.cv { color: #5e5e5e; font-style: italic; } /* CommentVar */ - code span.do { color: #5e5e5e; font-style: italic; } /* Documentation */ - code span.dt { color: #ad0000; } /* DataType */ - code span.dv { color: #ad0000; } /* DecVal */ - code span.er { color: #ad0000; } /* Error */ - code span.ex { } /* Extension */ - code span.fl { color: #ad0000; } /* Float */ - code span.fu { color: #4758ab; } /* Function */ - code span.im { color: #00769e; } /* Import */ - code span.in { color: #5e5e5e; } /* Information */ - code span.kw { color: #003b4f; } /* Keyword */ - code span.op { color: #5e5e5e; } /* Operator */ - code span.ot { color: #003b4f; } /* Other */ - code span.pp { color: #ad0000; } /* Preprocessor */ - code span.sc { color: #5e5e5e; } /* SpecialChar */ - code span.ss { color: #20794d; } /* SpecialString */ - code span.st { color: #20794d; } /* String */ - code span.va { color: #111111; } /* Variable */ - code span.vs { color: #20794d; } /* VerbatimString */ - code span.wa { color: #5e5e5e; font-style: italic; } /* Warning */ /* CSS for citations */ div.csl-bib-body { } div.csl-entry { @@ -410,12 +344,6 @@ margin-right: 0; } - - - - - - @@ -448,414 +376,108 @@

    Inhalte effizient onlinebringen

    -
    -

    -
    -

    a fool with a tool is still a fool

    -
    -

    Grady Booch?

    -

    Ronald S. Weinstein gemäss Thurlbeck (1989)

    -
    -
    -
    -
    -

    Praxis

    +
    +

    Learning Outcomes

    -
    -

    RStudio

    -
    -
    -

    Homebrew:

    -

    brew install --cask r

    -

    brew install --cask rstudio

    -
    -

    Old fashioned:

    -

    https://posit.co/download/rstudio-desktop/

    -
    -
    - - -
    -
    +
    +

    Expectation management

    +
    +
      +
    • besser als Powerpoint, Word etc.
    • +
    • schlechter
    • +
    • erfrischend anders!
    • +
    -
    -

    Quartopub

    -

    https://quartopub.org/

    - +
    +

    Learning Outcomes

    +
      +
    1. Wir erstellen eine Webseite in 5 Minuten.
    2. +
    3. Wir schreiben in 7 Sprachen.
    4. +
    +
    +
    +
    +

    Webseite

    +
    -
    -

    Workshop

    +
    +

    3 step plan

    +
      +
    1. Webseite erstellen
    2. +
    3. Webseite auf Ilias stellen
    4. +
    5. Webseite auf dem Internet publizieren
    6. +
    -
    -Quellcode für den Countdown -
    library (countdown)
    -countdown(
    -  right = 0,
    -  top = 0,
    -  font_size = "1.5em",
    -  margin = "0%",
    -  minutes = 20, 
    -  seconds = 0
    -)
    -
    -
    +
    20:00
    -
    -
    -

    Creative Coding - Sonja Schär

    -
    -
    -
    -Quellcode von Sonja Schär -
    P5 = require("p5")
    -
    -function* createSketch(sketch) {
    -  const element = DOM.element('div');
    -  yield element;
    -  const instance = new P5(sketch, element, true);
    -  try {
    -    while (true) {
    -      yield element;
    -    }
    -  } finally {
    -    instance.remove();
    -  }
    -}
    -
    -createSketch((s) => {
    -    s.setup = () => {
    -    s.sizeX = 960;
    -    s.sizeY = 400;
    -    s.createCanvas(s.sizeX, s.sizeY);
    -    s.background(0);
    -  };
    -
    -  s.draw = () => {
    -    meinKreisePinsel();
    -  };
    -
    -  function meinKreisePinsel() {
    -    s.strokeWeight(1);
    -    s.fill(255 / s.sizeX * s.mouseX, 0, 255 / s.sizeY * (s.sizeY - s.mouseX));
    -    s.circle(s.mouseX+100, s.mouseY+50, s.dist(s.mouseX, s.mouseY, s.pmouseX, s.pmouseY));
    -  }
    -})
    -
    -
    -
    -
    - -
    -
    -
    -
    -
    -
    - -
    -
    -
    -
    -
    -
    +
    +
    +
    +

    Inhalte erstellen

    -
    - - - -
    -
    -

    Flowchart - Richard Conrardy

    -
    -
    -Code -
    graph LR;
    -  b1[Arithmetik];
    -  b2[Stochastik];
    -  b3[Geometrie];
    -  i5[Zahl];
    -  k1[Zahl und Variable];
    -  b4[Algebra];
    -  i1[Symbol und Formalisierung];
    -  b5[Analysis];
    -  i2[Zuordnung und Veränderung];
    -  i3[Daten und Zufall];
    -  i4[Form und Raum];
    -  k2[Grössen, Funktionen, Daten und Zufall];
    -  k3[Form und Raum];
    -  edk1[Zahl und Variable];
    -  edk2[Form und Raum];
    -  edk3[Grösse und Masse];
    -  edk4[Funktionale Zusammenhänge];
    -  edk5[Daten und Zufall];
    -  b1-->i5---edk1-->k1;
    -  b4-->i1---edk1;
    -  b5-->i2---edk4-->k2;
    -  b2-->i3---edk5-->k2;
    -  b3-->i4---edk2-->k3;
    -  edk3-->k2;
    -  subgraph Teilgebiete
    -    b1;
    -    b2;
    -    b3;
    -    b4;
    -    b5;
    -  end
    -  subgraph B[Kompetenzbereiche EDK]
    -    edk1;
    -    edk2;
    -    edk3;
    -    edk4;
    -    edk5;
    -  end
    -  subgraph Leitideen
    -    i1;
    -    i2;
    -    i3;
    -    i4;
    -    i5;
    -  end
    -  subgraph K[Kompetenzbereiche LP21]
    -    k1;
    -    k2;
    -    k3;
    -  end
    -  
    -classDef title font-size:14px
    -classDef padding stroke:none,fill:none
    -
    -class main title
    -class padding padding
    -
    -
    -
    -

    -
    -
    graph LR;
    -  b1[Arithmetik];
    -  b2[Stochastik];
    -  b3[Geometrie];
    -  i5[Zahl];
    -  k1[Zahl und Variable];
    -  b4[Algebra];
    -  i1[Symbol und Formalisierung];
    -  b5[Analysis];
    -  i2[Zuordnung und Veränderung];
    -  i3[Daten und Zufall];
    -  i4[Form und Raum];
    -  k2[Grössen, Funktionen, Daten und Zufall];
    -  k3[Form und Raum];
    -  edk1[Zahl und Variable];
    -  edk2[Form und Raum];
    -  edk3[Grösse und Masse];
    -  edk4[Funktionale Zusammenhänge];
    -  edk5[Daten und Zufall];
    -  b1-->i5---edk1-->k1;
    -  b4-->i1---edk1;
    -  b5-->i2---edk4-->k2;
    -  b2-->i3---edk5-->k2;
    -  b3-->i4---edk2-->k3;
    -  edk3-->k2;
    -  subgraph Teilgebiete
    -    b1;
    -    b2;
    -    b3;
    -    b4;
    -    b5;
    -  end
    -  subgraph B[Kompetenzbereiche EDK]
    -    edk1;
    -    edk2;
    -    edk3;
    -    edk4;
    -    edk5;
    -  end
    -  subgraph Leitideen
    -    i1;
    -    i2;
    -    i3;
    -    i4;
    -    i5;
    -  end
    -  subgraph K[Kompetenzbereiche LP21]
    -    k1;
    -    k2;
    -    k3;
    -  end
    -  
    -classDef title font-size:14px
    -classDef padding stroke:none,fill:none
    -
    -class main title
    -class padding padding
    -  
    -
    -
    -

    -
    -
    -
    +
    +

    Dateien

    +

    Webseite anpassen

    +
      +
    1. _quarto.yml
    2. +
    3. styles.scss
    4. +
    5. index.qmd
    6. +
    7. neue Seite erstellen und ins Menü einfügen
    8. +
    +

    Präsentationsfolien erstellen

    -
    -

    Gantt diagram

    -
    -
    -Code -
    gantt
    -    title Ablauf
    -    dateFormat YYYY-MM-DD
    -    section Vorbereitung
    -    section Doktorarbeit
    -        Exposé: e0, 2023-01-08, 240d
    -        Promotionsvereinbarung: pv, 2023-07-01, 30d
    -        Zulassung durch den Promotionsausschuss: zp, 2023-10-05, 5d
    -        Probedurchlauf: pdl, 2024-03-01,14d
    -        Experiment 1          :  e1, 2024-04-01, 60d
    -        Experiment 2    : e2, 2025-02-01, 120d
    -        Experiment 3: e3, 2025-08-01, 110d
    -        2 Artikel : art2, 2026-02-01, 365d
    -        3 Artikel : art3, 2027-02-01, 365d
    -
    -    section PHBern
    -        Antrag Anschubfinanzierung: a0, 2023-02-01, 30d
    -        Anschubfinanzierung: a1, 2024-08-01, 365d
    -        Antrag Projekt: p0, 2025-01-01, 60d
    -        Projekt: p1, 2026-08-01, 1100d
    -
    -
    -
    -

    -
    -
    gantt
    -    title Ablauf
    -    dateFormat YYYY-MM-DD
    -    section Vorbereitung
    -    section Doktorarbeit
    -        Exposé: e0, 2023-01-08, 240d
    -        Promotionsvereinbarung: pv, 2023-07-01, 30d
    -        Zulassung durch den Promotionsausschuss: zp, 2023-10-05, 5d
    -        Probedurchlauf: pdl, 2024-03-01,14d
    -        Experiment 1          :  e1, 2024-04-01, 60d
    -        Experiment 2    : e2, 2025-02-01, 120d
    -        Experiment 3: e3, 2025-08-01, 110d
    -        2 Artikel : art2, 2026-02-01, 365d
    -        3 Artikel : art3, 2027-02-01, 365d
    -
    -    section PHBern
    -        Antrag Anschubfinanzierung: a0, 2023-02-01, 30d
    -        Anschubfinanzierung: a1, 2024-08-01, 365d
    -        Antrag Projekt: p0, 2025-01-01, 60d
    -        Projekt: p1, 2026-08-01, 1100d  
    -
    -
    -

    -
    -
    -
    -
    -
    -

    ☕️ ?

    - +
    +

    Do-it-yourself

    +
      +
    1. Markdown
    2. +
    3. Yaml
    4. +
    5. CSS
    6. +
    7. HTML
    8. +
    9. \(\LaTeX\)
    10. +
    11. Python
    12. +
    13. Javascript(Mermaid JS)
    14. +
    15. Bibtex
    16. +
    - -
    -
    -

    Theorie

    - +
    +

    YAML

    Mark️up

    -
    -
    -

    🧠 + 🤖 = 🦾

    -

    -Hello, Rainbow Text! -

    -
    -

    -This text will sparkle! -

    - -
    -
    -

    -This text will jiggle! -

    - -
    -
    -
    -

    WordArt is back!

    - -
    -
    -
    -
    -

    About

    -
      -
    • Posit -
        -
      • Quarto
      • -
      • RStudio
      • -
      • Quartopub
      • -
    • -
    -
    -

    ☕ ?

    - -
    -

    Recht

    @@ -900,6 +522,22 @@

    PHBern

    +
    +

    Wo geht die Reise hin?

    +
      +
    • Github
    • +
    • PDF-Vorlagen
    • +
    • +
    +
    +
    +

    Diskussion

    +
      +
    • Potential für Studierende?
    • +
    • Potential für Dozierende?
    • +
    • Welche Features sind wichtig?
    • +
    +

    Bibliographie

    @@ -913,9 +551,6 @@

    Bibliographie

    Eidgenössisches Institut für Geistiges Eigentum. (o. J.). Zitieren aus Werken - Eidgenössisches Institut für Geistiges Eigentum. https://www.ige.ch/de/etwas-schuetzen/urheberrecht/ein-werk-nutzen/erlaubte-nutzungen/zitieren-aus-werken
    -
    -Thurlbeck, W. M. (1989). Perestroika, Fashion, and the Universal Glue. American Review of Respiratory Disease, 139(5), 1280–1281. https://doi.org/10.1164/ajrccm/139.5.1280 -
    @@ -1130,17 +765,6 @@

    Bibliographie

    ] }); - - - - - - - - + - + + - - - - - - - - - - - - - + .callout.callout-style-simple { + padding: 0em 0.5em; + border-left: solid #acacac .3rem; + border-right: solid 1px silver; + border-top: solid 1px silver; + border-bottom: solid 1px silver; + display: flex; + } - + .callout.callout-style-default { + border-left: solid #acacac .3rem; + border-right: solid 1px silver; + border-top: solid 1px silver; + border-bottom: solid 1px silver; + } -
    -
    - -
    - -
    -
    -
    -

    KI im Mathematikunterricht

    -
    -
    - -
    -
    Autor:in
    -
    Zugehörigkeit
    - - - -
    + .callout .callout-body-container { + flex-grow: 1; + } -
    + .callout.callout-style-simple .callout-body { + font-size: 1rem; + font-weight: 400; + } - -
    -
    Veröffentlichungsdatum
    -
    -

    02.05.2024

    -
    -
    + .callout.callout-style-default .callout-body { + font-size: 0.9rem; + font-weight: 400; + } + + .callout.callout-titled.callout-style-simple .callout-body { + margin-top: 0.2em; + } + + .callout:not(.callout-titled) .callout-body { + display: flex; + } + + .callout:not(.no-icon).callout-titled.callout-style-simple .callout-content { + padding-left: 1.6em; + } + + .callout.callout-titled .callout-header { + padding-top: 0.2em; + margin-bottom: -0.2em; + } + + .callout.callout-titled .callout-title p { + margin-top: 0.5em; + margin-bottom: 0.5em; + } - -
    + .callout.callout-titled.callout-style-simple .callout-content p { + margin-top: 0; + } + + .callout.callout-titled.callout-style-default .callout-content p { + margin-top: 0.7em; + } + + .callout.callout-style-simple div.callout-title { + border-bottom: none; + font-size: .9rem; + font-weight: 600; + opacity: 75%; + } + + .callout.callout-style-default div.callout-title { + border-bottom: none; + font-weight: 600; + opacity: 85%; + font-size: 0.9rem; + padding-left: 0.5em; + padding-right: 0.5em; + } + + .callout.callout-style-default div.callout-content { + padding-left: 0.5em; + padding-right: 0.5em; + } + + .callout.callout-style-simple .callout-icon::before { + height: 1rem; + width: 1rem; + display: inline-block; + content: ""; + background-repeat: no-repeat; + background-size: 1rem 1rem; + } + + .callout.callout-style-default .callout-icon::before { + height: 0.9rem; + width: 0.9rem; + display: inline-block; + content: ""; + background-repeat: no-repeat; + background-size: 0.9rem 0.9rem; + } + + .callout-title { + display: flex + } - -
    - - - - -
    + .callout-icon::before { + margin-top: 1rem; + padding-right: .5rem; + } + + .callout.no-icon::before { + display: none !important; + } + + .callout.callout-titled .callout-body > .callout-content > :last-child { + padding-bottom: 0.5rem; + margin-bottom: 0; + } + + .callout.callout-titled .callout-icon::before { + margin-top: .5rem; + padding-right: .5rem; + } + + .callout:not(.callout-titled) .callout-icon::before { + margin-top: 1rem; + padding-right: .5rem; + } + + /* Callout Types */ + + div.callout-note { + border-left-color: #4582ec !important; + } + div.callout-note .callout-icon::before { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAAEU0lEQVRYCcVXTWhcVRQ+586kSUMMxkyaElstCto2SIhitS5Ek8xUKV2poatCcVHtUlFQk8mbaaziwpWgglJwVaquitBOfhQXFlqlzSJpFSpIYyXNjBNiTCck7x2/8/LeNDOZxDuEkgOXe++553zfefee+/OYLOXFk3+1LLrRdiO81yNqZ6K9cG0P3MeFaMIQjXssE8Z1JzLO9ls20MBZX7oG8w9GxB0goaPrW5aNMp1yOZIa7Wv6o2ykpLtmAPs/vrG14Z+6d4jpbSKuhdcSyq9wGMPXjonwmESXrriLzFGOdDBLB8Y6MNYBu0dRokSygMA/mrun8MGFN3behm6VVAwg4WR3i6FvYK1T7MHo9BK7ydH+1uurECoouk5MPRyVSBrBHMYwVobG2aOXM07sWrn5qgB60rc6mcwIDJtQrnrEr44kmy+UO9r0u9O5/YbkS9juQckLed3DyW2XV/qWBBB3ptvI8EUY3I9p/67OW+g967TNr3Sotn3IuVlfMLVnsBwH4fsnebJvyGm5GeIUA3jljERmrv49SizPYuq+z7c2H/jlGC+Ghhupn/hcapqmcudB9jwJ/3jvnvu6vu5lVzF1fXyZuZZ7U8nRmVzytvT+H3kilYvH09mLWrQdwFSsFEsxFVs5fK7A0g8gMZjbif4ACpKbjv7gNGaD8bUrlk8x+KRflttr22JEMRUbTUwwDQScyzPgedQHZT0xnx7ujw2jfVfExwYHwOsDTjLdJ2ebmeQIlJ7neo41s/DrsL3kl+W2lWvAga0tR3zueGr6GL78M3ifH0rGXrBC2aAR8uYcIA5gwV8zIE8onoh8u0Fca/ciF7j1uOzEnqcIm59sEXoGc0+z6+H45V1CvAvHcD7THztu669cnp+L0okAeIc6zjbM/24LgGM1gZk7jnRu1aQWoU9sfUOuhrmtaPIO3YY1KLLWZaEO5TKUbMY5zx8W9UJ6elpLwKXbsaZ4EFl7B4bMtDv0iRipKoDQT2sNQI9b1utXFdYisi+wzZ/ri/1m7QfDgEuvgUUEIJPq3DhX/5DWNqIXDOweC2wvIR90Oq3lDpdMIgD2r0dXvGdsEW5H6x6HLRJYU7C69VefO1x8Gde1ZFSJLfWS1jbCnhtOPxmpfv2LXOA2Xk2tvnwKKPFuZ/oRmwBwqRQDcKNeVQkYcOjtWVBuM/JuYw5b6isojIkYxyYAFn5K7ZBF10fea52y8QltAg6jnMqNHFBmGkQ1j+U43HMi2xMar1Nv0zGsf1s8nUsmUtPOOrbFIR8bHFDMB5zL13Gmr/kGlCkUzedTzzmzsaJXhYawnA3UmARpiYj5ooJZiUoxFRtK3X6pgNPv+IZVPcnwbOl6f+aBaO1CNvPW9n9LmCp01nuSaTRF2YxHqZ8DYQT6WsXT+RD6eUztwYLZ8rM+rcPxamv1VQzFUkzFXvkiVrySGQgJNvXHJAxiU3/NwiC03rSf05VBaPtu/Z7/B8Yn/w7eguloAAAAAElFTkSuQmCC'); + } + div.callout-note.callout-style-default .callout-title { + background-color: #dae6fb + } + div.callout-important { + border-left-color: #d9534f !important; + } + div.callout-important .callout-icon::before { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAAEKklEQVRYCcVXTWhcVRS+575MJym48A+hSRFr00ySRQhURRfd2HYjk2SSTokuBCkU2o0LoSKKraKIBTcuFCoidGFD08nkBzdREbpQ1EDNIv8qSGMFUboImMSZd4/f9zJv8ibJMC8xJQfO3HPPPef7zrvvvnvviIkpC9nsw0UttFunbUhpFzFtarSd6WJkStVMw5xyVqYTvkwfzuf/5FgtkVoB0729j1rjXwThS7Vio+Mo6DNnvLfahoZ+i/o32lULuJ3NNiz7q6+pyAUkJaFF6JwaM2lUJlV0MlnQn5aTRbEu0SEqHUa0A4AdiGuB1kFXRfVyg5d87+Dg4DL6m2TLAub60ilj7A1Ec4odSAc8X95sHh7+ZRPCFo6Fnp7HfU/fBng/hi10CjCnWnJjsxvDNxWw0NfV6Rv5GgP3I3jGWXumdTD/3cbEOP2ZbOZp69yniG3FQ9z1jD7bnBu9Fc2tKGC2q+uAJOQHBDRiZX1x36o7fWBs7J9ownbtO+n0/qWkvW7UPIfc37WgT6ZGR++EOJyeQDSb9UB+DZ1G6DdLDzyS+b/kBCYGsYgJbSQHuThGKRcw5xdeQf8YdNHsc6ePXrlSYMBuSIAFTGAtQo+VuALo4BX83N190NWZWbynBjhOHsmNfFWLeL6v+ynsA58zDvvAC8j5PkbOcXCMg2PZFk3q8MjI7WAG/Dp9AwP7jdGBOOQkAvlFUB+irtm16I1Zw9YBcpGTGXYmk3kQIC/Cds55l+iMI3jqhjAuaoe+am2Jw5GT3Nbz3CkE12NavmzN5+erJW7046n/CH1RO/RVa8lBLozXk9uqykkGAyRXLWlLv5jyp4RFsG5vGVzpDLnIjTWgnRy2Rr+tDKvRc7Y8AyZq10jj8DqXdnIRNtFZb+t/ZRtXcDiVnzpqx8mPcDWxgARUqx0W1QB9MeUZiNrV4qP+Ehc+BpNgATsTX8ozYKL2NtFYAHc84fG7ndxUPr+AR/iQSns7uSUufAymwDOb2+NjK27lEFocm/EE2WpyIy/Hi66MWuMKJn8RvxIcj87IM5Vh9663ziW36kR0HNenXuxmfaD8JC7tfKbrhFr7LiZCrMjrzTeGx+PmkosrkNzW94ObzwocJ7A1HokLolY+AvkTiD/q1H0cN48c5EL8Crkttsa/AXQVDmutfyku0E7jShx49XqV3MFK8IryDhYVbj7Sj2P2eBxwcXoe8T8idsKKPRcnZw1b+slFTubwUwhktrfnAt7J++jwQtLZcm3sr9LQrjRzz6cfMv9aLvgmnAGvpoaGLxM4mAEaLV7iAzQ3oU0IvD5x9ix3yF2RAAuYAOO2f7PEFWCXZ4C9Pb2UsgDeVnFSpbFK7/IWu7TPTvBqzbGdCHOJQSxiEjt6IyZmxQyEJHv6xyQsYk//moVFsN2zP6fRImjfq7/n/wFDguUQFNEwugAAAABJRU5ErkJggg=='); + } + + div.callout-important.callout-style-default .callout-title { + background-color: #f7dddc + } + + div.callout-warning { + border-left-color: #f0ad4e !important; + } -
    + div.callout-warning .callout-icon::before { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAAETklEQVRYCeVWW2gcVRg+58yaTUnizqbipZeX4uWhBEniBaoUX1Ioze52t7sRq6APio9V9MEaoWlVsFasRq0gltaAPuxms8lu0gcviE/FFOstVbSIxgcv6SU7EZqmdc7v9+9mJtNks51NTUH84ed889/PP+cmxP+d5FIbMJmNbpREu4WUkiTtCicKny0l1pIKmBzovF2S+hIJHX8iEu3hZJ5lNZGqyRrGSIQpq15AzF28jgpeY6yk6GVdrfFqdrD6Iw+QlB8g0YS2g7dyQmXM/IDhBhT0UCiRf59lfqmmDvzRt6kByV/m4JjtzuaujMUM2c5Z2d6JdKrRb3K2q6mA+oYVz8JnDdKPmmNthzkAk/lN63sYPgevrguc72aZX/L9C6x09GYyxBgCX4NlvyGUHOKELlm5rXeR1kchuChJt4SSwyddZRXgvwMGvYo4QSlk3/zkHD8UHxwVJA6zjZZqP8v8kK8OWLnIZtLyCAJagYC4rTGW/9Pqj92N/c+LUaAj27movwbi19tk/whRCIE7Q9vyI6yvRpftAKVTdUjOW40X3h5OXsKCdmFcx0xlLJoSuQngnrJe7Kcjm4OMq9FlC7CMmScQANuNvjfP3PjGXDBaUQmbp296S5L4DrpbrHN1T87ZVEZVCzg1FF0Ft+dKrlLukI+/c9ENo+TvlTDbYFvuKPtQ9+l052rXrgKoWkDAFnvh0wTOmYn8R5f4k/jN/fZiCM1tQx9jQQ4ANhqG4hiL0qIFTGViG9DKB7GYzgubnpofgYRwO+DFjh0Zin2m4b/97EDkXkc+f6xYAPX0KK2I/7fUQuwzuwo/L3AkcjugPNixC8cHf0FyPjWlItmLxWw4Ou9YsQCr5fijMGoD/zpdRy95HRysyXA74MWOnscpO4j2y3HAVisw85hX5+AFBRSHt4ShfLFkIMXTqyKFc46xdzQM6XbAi702a7sy04J0+feReMFKp5q9esYLCqAZYw/k14E/xcLLsFElaornTuJB0svMuJINy8xkIYuL+xPAlWRceH6+HX7THJ0djLUom46zREu7tTkxwmf/FdOZ/sh6Q8qvEAiHpm4PJ4a/doJe0gH1t+aHRgCzOvBvJedEK5OFE5jpm4AGP2a8Dxe3gGJ/pAutug9Gp6he92CsSsWBaEcxGx0FHytmIpuqGkOpldqNYQK8cSoXvd+xLxXADw0kf6UkJNFtdo5MOgaLjiQOQHcn+A6h5NuL2s0qsC2LOM75PcF3yr5STuBSAcGG+meA14K/CI21HcS4LBT6tv0QAh8Dr5l93AhZzG5ZJ4VxAqdZUEl9z7WJ4aN+svMvwHHL21UKTd1mqvChH7/Za5xzXBBKrUcB0TQ+Ulgkfbi/H/YT5EptrGzsEK7tR1B7ln9BBwckYfMiuSqklSznIuoIIOM42MQO+QnduCoFCI0bpkzjCjddHPN/F+2Yu+sd9bKNpVwHhbS3LluK/0zgfwD0xYI5dXuzlQAAAABJRU5ErkJggg=='); + } + + div.callout-warning.callout-style-default .callout-title { + background-color: #fcefdc + } + + div.callout-tip { + border-left-color: #02b875 !important; + } + + div.callout-tip .callout-icon::before { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAADr0lEQVRYCe1XTWgTQRj9ZjZV8a9SPIkKgj8I1bMHsUWrqYLVg4Ue6v9BwZOxSYsIerFao7UiUryIqJcqgtpimhbBXoSCVxUFe9CTiogUrUp2Pt+3aUI2u5vdNh4dmMzOzHvvezuz8xNFM0mjnbXaNu1MvFWRXkXEyE6aYOYJpdW4IXuA4r0fo8qqSMDBU0v1HJUgVieAXxzCsdE/YJTdFcVIZQNMyhruOMJKXYFoLfIfIvVIMWdsrd+Rpd86ZmyzzjJmLStqRn0v8lzkb4rVIXvnpScOJuAn2ACC65FkPzEdEy4TPWRLJ2h7z4cArXzzaOdKlbOvKKX25Wl00jSnrwVxAg3o4dRxhO13RBSdNvH0xSARv3adTXbBdTf64IWO2vH0LT+cv4GR1DJt+DUItaQogeBX/chhbTBxEiZ6gftlDNXTrvT7co4ub5A6gp9HIcHvzTa46OS5fBeP87Qm0fQkr4FsYgVQ7Qg+ZayaDg9jhg1GkWj8RG6lkeSacrrHgDaxdoBiZPg+NXV/KifMuB6//JmYH4CntVEHy/keA6x4h4CU5oFy8GzrBS18cLJMXcljAKB6INjWsRcuZBWVaS3GDrqB7rdapVIeA+isQ57Eev9eCqzqOa81CY05VLd6SamW2wA2H3SiTbnbSxmzfp7WtKZkqy4mdyAlGx7ennghYf8voqp9cLSgKdqNfa6RdRsAAkPwRuJZNbpByn+RrJi1RXTwdi8RQF6ymDwGMAtZ6TVE+4uoKh+MYkcLsT0Hk8eAienbiGdjJHZTpmNjlbFJNKDVAp2fJlYju6IreQxQ08UJDNYdoLSl6AadO+fFuCQqVMB1NJwPm69T04Wv5WhfcWyfXQB+wXRs1pt+nCknRa0LVzSA/2B+a9+zQJadb7IyyV24YAxKp2Jqs3emZTuNnKxsah+uabKbMk7CbTgJx/zIgQYErIeTKRQ9yD9wxVof5YolPHqaWo7TD6tJlh7jQnK5z2n3+fGdggIOx2kaa2YI9QWarc5Ce1ipNWMKeSG4DysFF52KBmTNMmn5HqCFkwy34rDg05gDwgH3bBi+sgFhN/e8QvRn8kbamCOhgrZ9GJhFDgfcMHzFb6BAtjKpFhzTjwv1KCVuxHvCbsSiEz4CANnj84cwHdFXAbAOJ4LTSAawGWFn5tDhLMYz6nWeU2wJfIhmIJBefcd/A5FWQWGgrWzyORZ3Q6HuV+Jf0Bj+BTX69fm1zWgK7By1YTXchFDORywnfQ7GpzOo6S+qECrsx2ifVQAAAABJRU5ErkJggg=='); + } + + div.callout-tip.callout-style-default .callout-title { + background-color: #ccf1e3 + } + + div.callout-caution { + border-left-color: #fd7e14 !important; + } + + div.callout-caution .callout-icon::before { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAACV0lEQVRYCdVWzWoUQRCuqp2ICBLJXgITZL1EfQDBW/bkzUMUD7klD+ATSHBEfAIfQO+iXsWDxJsHL96EHAwhgzlkg8nBg25XWb0zIb0zs9muYYWkoKeru+vn664fBqElyZNuyh167NXJ8Ut8McjbmEraKHkd7uAnAFku+VWdb3reSmRV8PKSLfZ0Gjn3a6Xlcq9YGb6tADjn+lUfTXtVmaZ1KwBIvFI11rRXlWlatwIAAv2asaa9mlB9wwygiDX26qaw1yYPzFXg2N1GgG0FMF8Oj+VIx7E/03lHx8UhvYyNZLN7BwSPgekXXLribw7w5/c8EF+DBK5idvDVYtEEwMeYefjjLAdEyQ3M9nfOkgnPTEkYU+sxMq0BxNR6jExrAI31H1rzvLEfRIdgcv1XEdj6QTQAS2wtstEALLG1yEZ3QhH6oDX7ExBSFEkFINXH98NTrme5IOaaA7kIfiu2L8A3qhH9zRbukdCqdsA98TdElyeMe5BI8Rs2xHRIsoTSSVFfCFCWGPn9XHb4cdobRIWABNf0add9jakDjQJpJ1bTXOJXnnRXHRf+dNL1ZV1MBRCXhMbaHqGI1JkKIL7+i8uffuP6wVQAzO7+qVEbF6NbS0LJureYcWXUUhH66nLR5rYmva+2tjRFtojkM2aD76HEGAD3tPtKM309FJg5j/K682ywcWJ3PASCcycH/22u+Bh7Aa0ehM2Fu4z0SAE81HF9RkB21c5bEn4Dzw+/qNOyXr3DCTQDMBOdhi4nAgiFDGCinIa2owCEChUwD8qzd03PG+qdW/4fDzjUMcE1ZpIAAAAASUVORK5CYII='); + } + + div.callout-caution.callout-style-default .callout-title { + background-color: #ffe5d0 + } + + + + + + +
    +
    + +
    +

    KI im Mathematikunterricht

    + + + +

    02.05.2024

    +
    + +
    +
    +
    +

    TPACK-Modell

    + +
    +
    +

    + +

    +Abbildung 1: TPACK Modell (Mishra & Koehler, 2006) +

    +

    Bild von Matthew Koehler, CC0, via Wikimedia Commons

    +
    +
    +
    +

    Was ist KI?

    -
    -

    Machine Learning (ML)

    + +
    +
    +

    Machine Learning (ML)

    +
    +
    +
    -

    +

    - - + +
    Hersteller @@ -399,540 +529,520 @@

    Machine Learning (ML)<

    + +
    +Abbildung 2: Übersicht über Machine Learning +
    + + -
    -

    Wichtige Entwicklungen der letzten Jahre

    +
    +

    Wichtige Entwicklungen der letzten Jahre

      -
    1. Attention (vgl. Vaswani et al., 2017)
    2. +
    3. Attention (vgl. Vaswani et al., 2017)
    4. Transformer Architektur
    5. Large Language Models
    6. Multimodal Models
    -
    -

    Wichtige Konzepte

    +
    +

    Wichtige Konzepte

      -
    • Temperature (vgl. Wolfram, 2023 )
    • +
    • Temperature (vgl. Wolfram, 2023 )
    • Generative KI
    • Artificial general intelligence
    • \(\Rightarrow ML \supset KI\,?\)
    -
    -
    -
    +
    +

    KI Applikationen

    +
    -
    + +

    Problematische Erklärversuche von KI

    +
    -
    + +
    +

    KI in der Beurteilung

    -
    -

    Summative Beurteilung

    + +
    +
    +

    Summative Beurteilung

    1. Datenschutz & Nutzungsrechte
    2. Ethische Aspekte
    3. KI \(\neq\) KI
    4. KI \(\neq\) Taschenrechner
    -

    “participants were not able to detect AI-generated argumentative essays” (Fleckenstein et al., 2024, p. 3) (pdf)

    -

    “teachers may not be aware of their inability to identify AI-generated texts among student essays” (Fleckenstein et al., 2024, p. 4) (pdf)

    +
    +

    participants were not able to detect AI-generated argumentative essays

    +
    + +
    +

    teachers may not be aware of their inability to identify AI-generated texts among student essays

    +
    +
    -
    -

    Formative Beurteilung

    -

    “Bildungsnahe Eltern halfen ihren Kindern bei den Hausaufgaben. Kinder aus bildungsfernen Haushalten waren auf sich gestellt.”

    +
    +

    Formative Beurteilung

    +
    +

    Bildungsnahe Eltern halfen ihren Kindern bei den Hausaufgaben. Kinder aus bildungsfernen Haushalten waren auf sich gestellt.

    +
    -

    (Wälti in Jones, 2022, S. 3)

    +

    (Wälti in Jones, 2022, S. 3)

    -

    “Es soll ausdrücklich keine „ständige Beurteilungssituation“ entstehen”

    +
    +

    Es soll ausdrücklich keine „ständige Beurteilungssituation“ entstehen

    +
    -
    -

    Bibigirl, die vollkommene Puppe

    -
    +
    +

    Bibigirl, die vollkommene Puppe

    +

    Ja, wenn die Puppe gar nichts gesagt hätte, dann hätte Momo an ihrer Stelle antworten können, und es hätte sich die schönste Unterhaltung ergeben

    Aber so verhinderte Bibigirl gerade dadurch, daß sie redete, jedes Gespräch.

    […]

    Ich glaub’, sagte sie leise, man kann sie nicht liebhaben.

    -

    Ende (1973)

    +

    Momo von Ende (1973)

    -
    - - - - -
    -
    +
    +

    Bibliographie

    -

    Bibliographie

    +
    +

    + +
    +
    Ende, M. (1973). Momo oder die seltsame Geschichte von den Zeit-Dieben und von dem Kind, das den Menschen die gestohlene Zeit zurückbrachte: ein Märchen-Roman (Ungekürzte Taschenbuchausg). Piper.
    +
    +Fleckenstein, J., Meyer, J., Jansen, T., Keller, S. D., Köller, O., & Möller, J. (2024). Do teachers spot AI? Evaluating the detectability of AI-generated texts among student essays. Computers and Education: Artificial Intelligence, 6, 100209. https://doi.org/10.1016/j.caeai.2024.100209 +
    Jones, N. (2022). «Was wir einst einübten, macht heute die Maschine». Berner Zeitung.
    Kuratle, R., & Balmer, T. (2021). Kompetenzorientierte Beurteilung an der Volksschule des Kantons Bern. Institut für Weiterbildung und Medienbildung.
    +
    +Mishra, P., & Koehler, M. J. (2006). Technological pedagogical content knowledge: A framework for teacher knowledge. Teachers College Record, 108(6), 1017–1054. https://doi.org/10.1111/j.1467-9620.2006.00684.x +
    Vaswani, A., Shazeer, N., Parmar, N., Uszkoreit, J., Jones, L., Gomez, A. N., Kaiser, Ł., & Polosukhin, I. (2017). Attention is All you Need. Advances in Neural Information Processing Systems 30, 30, 5999–6010. https://dl.acm.org/doi/pdf/10.5555/3295222.3295349
    Wolfram, S. (2023). What is ChatGPT doing ... and why does it work? Wolfram Media, Inc.
    -

    Wiederverwendung

    - + + + + + + + + + + + + + + + + + + - - - - - + } else { + return undefined; + } + }; + var bibliorefs = window.document.querySelectorAll('a[role="doc-biblioref"]'); + for (var i=0; i + \ No newline at end of file diff --git a/docs/tagungsunterlagen/tagungsunterlagen.html b/docs/tagungsunterlagen/tagungsunterlagen.html index f0d4f42..dee1bb1 100644 --- a/docs/tagungsunterlagen/tagungsunterlagen.html +++ b/docs/tagungsunterlagen/tagungsunterlagen.html @@ -2,7 +2,7 @@ - + @@ -312,7 +312,7 @@

    Übersicht Tagungsunterlagen

    - + 02.05.2024 @@ -323,7 +323,7 @@

    Übersicht Tagungsunterlagen

    Richard Conrardy - + 18.03.2024 @@ -334,7 +334,7 @@

    Übersicht Tagungsunterlagen

    Richard Conrardy - + 18.03.2024 @@ -485,6 +485,11 @@

    Übersicht Tagungsunterlagen

    for (var i=0; iÜbersicht Tagungsunterlagen try { href = new URL(href).hash; } catch {} const id = href.replace(/^#\/?/, ""); const note = window.document.getElementById(id); - return note.innerHTML; + if (note) { + return note.innerHTML; + } else { + return ""; + } }); } const xrefs = window.document.querySelectorAll('a.quarto-xref'); diff --git a/lerngelegenheiten/LG_math_summative_praes/woche_01.qmd b/lerngelegenheiten/LG_math_summative_praes/woche_01.qmd index e533422..4808e98 100644 --- a/lerngelegenheiten/LG_math_summative_praes/woche_01.qmd +++ b/lerngelegenheiten/LG_math_summative_praes/woche_01.qmd @@ -76,7 +76,7 @@ Förderkreislauf [@kuratle_kompetenzorientierte_2021, S.3] - Der Lehrstoff muss mathematisch richtig sein. - Der Lehrstoff muss spätere Erweiterungen vorbereiten. -- Der Lehrstoff muss an den Anfangszustand der SchUler anknüpfen. +- Der Lehrstoff muss an den Anfangszustand der Schüler anknüpfen. - Der Lehrstoff muss den gestellten Zielen entsprechen. :::quelle diff --git a/lerngelegenheiten/LG_math_summative_praes/woche_03.qmd b/lerngelegenheiten/LG_math_summative_praes/woche_03.qmd index e80808b..8e59a28 100644 --- a/lerngelegenheiten/LG_math_summative_praes/woche_03.qmd +++ b/lerngelegenheiten/LG_math_summative_praes/woche_03.qmd @@ -130,6 +130,14 @@ Kompetenzbereiche LP21 nach @bildungs-_und_kulturdirektion_des_kantons_bern_stru # Tätigkeiten +## Axiomatische Theorie + +> In der weitesten Bedeutung des Wortes nennen wir die Entwicklung einer Theorie axiomatisch, wenn die Grundbegriffe und Grundvoraussetzungen als solche an die Spitze gestellt werden und aus ihnen der weitere Inhalt der Theorie mit Hilfe von Definitionen und Beweisen logisch abgeleitet wird. In diesem Sinne ist die Geometrie von Euklid, die Mechanik von Newton, die Thermodynamik von Clausius axiomatisch begründet worden. +> +:::quelle +[@hilbert_grundlagen_1968-1,S.1] +::: + ## Denkprozesse - Begriffsbildung diff --git a/lerngelegenheiten/LG_verstehensorientiert_pruefen/math_ki.qmd b/lerngelegenheiten/LG_verstehensorientiert_pruefen/math_ki.qmd index 7333cd8..6bc22aa 100644 --- a/lerngelegenheiten/LG_verstehensorientiert_pruefen/math_ki.qmd +++ b/lerngelegenheiten/LG_verstehensorientiert_pruefen/math_ki.qmd @@ -155,7 +155,7 @@ Dieses Projekt kann integraler Bestandteil des Modulleistungsnachweises der form Bestimme alle natürlichen Zahlen kleiner als 100, die entweder durch 5 oder 7 teilbar sind. -## Vierquadratesatz von Lagrange. +## Vierquadratesatz von Lagrange * Bestimme alle natürlichen Zahlen kleiner als 100, die Summe von zwei Quadraten sind. @@ -163,7 +163,62 @@ Man kann dann fragen, wie sich die Primzahlen, die Summe von zwei Quadraten sind * Bestimme alle natürlichen Zahlen kleiner als 100, die Summe von drei Quadraten sind. * Bestimme alle natürlichen Zahlen kleiner als 100, die Summe von drei Quadraten sind. -* Bestimme alle nat?rlichen Zahlen kleiner als 100, die Summe von vier Quadraten sind. +* Bestimme alle natürlichen Zahlen kleiner als 100, die Summe von vier Quadraten sind. + +
    + +Lösungsvorschlag + +Dieser Lösungsvorschlag stammt von Leandro Lüthi (Studierender) unter eine [CC BY-SA 4.0 Lizenz](https://creativecommons.org/licenses/by-sa/4.0/). + +```python + +def istSumVonQuadr(zahl, anz_quadrnr): + # Diese Funktion überprüft, ob eine Zahl als Summe von zwei Quadraten dargestellt werden kann. + if anz_quadrnr == 2: + for i in range(1, int(zahl**0.5)+1): + # for-Schleife läuft von 1-zur Wurzel unserer Zahl und testet immer die Summe + # Von i- Wurzel unserer Zahl, ob die Summe gleich unserer Zahl ist + for j in range(i, int(zahl**0.5)+1): + if i**2 + j**2 == zahl: + return True + # Wird eine Kombination gefunden, die unsere Zahl ergibt, gibt die Funnktion true zurück + return False + else: + # Rekursive Funktion, um alle möglichen Kombinationen zu überprüfen + for i in range(1, int(zahl**0.5) + 1): + # Reduzieren der Anzahl an Quadraten um 1 und Überprüfen der verbleibenden Summe + if istSumVonQuadr(zahl - i**2, anz_quadrnr - 1): + return True + """ + Von der 'zahl' wird das Quadrat von i subdrahiert + Anschliessend wird die Funkt. rekursiv mit dem Ergebniss und anz_quadrnr-1 als Parameter wieder aufgerufen, um zu überprüfen, ob es eine Quadratzahlenkombination gibt mit anz_quadrnr-1 Summanden, die als Resultat die Differenz + zwischen i**2 und zahl ergeben + """ + return False + +# Liste zum Speichern der Zahlen, die als Summe von zwei Quadraten dargestellt werden können +summe_quadraten_zahlen = [] +print("Geben Sie eine Zahl ein, bis wohin alle natürlichen Zahlen bestimmt werden sollen, die Summe von Quadratzahlen sind:",flush=True) +rangeOfQuadrNr = int(input("Zahl: ")) +quadrnr = int(input("Geben Sie die Anzahl an Summanden von Quadratzahlen ein: ")) +# Durchlaufe alle Zahlen von 1 bis rangeOfQuadrNr +for zahl in range(1, rangeOfQuadrNr): + if istSumVonQuadr(zahl, quadrnr): + """ + Der 2. Parameter der Funktion gibt an, wie viele Summanden von Quadratzahlen zusammen die 'zahl' ergeben sollen für alle Zahlen von 1-99 wird überprüft, ob es Quadratzahlen gibt, die in Summe die zahl ergeben + """ + summe_quadraten_zahlen.append(zahl) +# Gibt die Funktion ein 'true' zurück, wird das if-Statement ausgeführt und die Zahl in unsere Liste gepusht + +# Ausgabe der gefundenen Zahlen +print("Natürliche Zahlen kleiner als "+str(rangeOfQuadrNr)+", die Summe von "+str(quadrnr)+" Quadraten sind: ") +for zahl in summe_quadraten_zahlen: + print(zahl) + # Alle Elemente unserer Liste, werden geprinted +``` + +
    ## Quadratzahlen @@ -204,7 +259,7 @@ Ziel: Zur Eingabe zweier Zahlen $a$ und $b$, $a>1$, $b\in\mathbb{N}$, die klein Die SuS erkennen, dass jede Exponentialfunktion (auch für $a=1.0001$) schneller wächst als jede Potenzfunktion. -## Nazistische Zahlen +## Narzistische Zahlen Das Bestimmen aller narzistischer Zahlen kleiner einer gegebenen Zahl $n$ diff --git a/tagungsunterlagen/2024_03_18_Treffpunkt_Hochschuldidaktik.qmd b/tagungsunterlagen/2024_03_18_Treffpunkt_Hochschuldidaktik.qmd index ff85bdc..71b8e83 100644 --- a/tagungsunterlagen/2024_03_18_Treffpunkt_Hochschuldidaktik.qmd +++ b/tagungsunterlagen/2024_03_18_Treffpunkt_Hochschuldidaktik.qmd @@ -1,56 +1,39 @@ --- -format: revealjs +format: + revealjs title: Inhalte effizient onlinebringen subtitle: Treffpunkt Hochschuldidaktik date: 18 03 2024 --- -## {.unlisted} +# Learning Outcomes -> a fool with a tool is still a fool -> -> ::: quelle -> ~~Grady Booch?~~ -> -> Ronald S. Weinstein gemäss @thurlbeck_perestroika_1989 -> ::: - -# Praxis - -## RStudio {.smaller} +## Expectation management -::: columns -::: column -#### Homebrew: - -`brew install --cask r` - -`brew install --cask rstudio` +::: {.incremental} +* ~~besser~~ als Powerpoint, Word etc. +* ~~schlechter~~ +* erfrischend anders! ::: -::: column -#### Old fashioned: +## Learning Outcomes {.unlisted} - +1. Wir erstellen eine Webseite in 5 Minuten. +2. Wir schreiben in 7 Sprachen. -::: center -{{< qrcode https://posit.co/download/rstudio-desktop/ width=300 height=300 >}} -::: -::: -::: -## Quartopub - - +## 3 step plan {.unlisted} -## Workshop +1. Webseite erstellen +2. Webseite auf Ilias stellen +3. Webseite auf dem Internet publizieren ```{r} -#| echo: true +#| echo: false #| code-fold: true #| code-summary: "Quellcode für den Countdown" library (countdown) @@ -64,216 +47,33 @@ countdown( ) ``` +# Inhalte erstellen -## Creative Coding - Sonja Schär{.unlisted} - -::: center -```{ojs} -//| echo: true -//| code-fold: true -//| code-summary: "Quellcode von Sonja Schär" -P5 = require("p5") - -function* createSketch(sketch) { - const element = DOM.element('div'); - yield element; - const instance = new P5(sketch, element, true); - try { - while (true) { - yield element; - } - } finally { - instance.remove(); - } -} - -createSketch((s) => { - s.setup = () => { - s.sizeX = 960; - s.sizeY = 400; - s.createCanvas(s.sizeX, s.sizeY); - s.background(0); - }; - - s.draw = () => { - meinKreisePinsel(); - }; - - function meinKreisePinsel() { - s.strokeWeight(1); - s.fill(255 / s.sizeX * s.mouseX, 0, 255 / s.sizeY * (s.sizeY - s.mouseX)); - s.circle(s.mouseX+100, s.mouseY+50, s.dist(s.mouseX, s.mouseY, s.pmouseX, s.pmouseY)); - } -}) - -``` -::: - -## Flowchart - Richard Conrardy{.unlisted} - -```{mermaid} -%%| echo: true -%%| code-fold: true -graph LR; - b1[Arithmetik]; - b2[Stochastik]; - b3[Geometrie]; - i5[Zahl]; - k1[Zahl und Variable]; - b4[Algebra]; - i1[Symbol und Formalisierung]; - b5[Analysis]; - i2[Zuordnung und Veränderung]; - i3[Daten und Zufall]; - i4[Form und Raum]; - k2[Grössen, Funktionen, Daten und Zufall]; - k3[Form und Raum]; - edk1[Zahl und Variable]; - edk2[Form und Raum]; - edk3[Grösse und Masse]; - edk4[Funktionale Zusammenhänge]; - edk5[Daten und Zufall]; - b1-->i5---edk1-->k1; - b4-->i1---edk1; - b5-->i2---edk4-->k2; - b2-->i3---edk5-->k2; - b3-->i4---edk2-->k3; - edk3-->k2; - subgraph Teilgebiete - b1; - b2; - b3; - b4; - b5; - end - subgraph B[Kompetenzbereiche EDK] - edk1; - edk2; - edk3; - edk4; - edk5; - end - subgraph Leitideen - i1; - i2; - i3; - i4; - i5; - end - subgraph K[Kompetenzbereiche LP21] - k1; - k2; - k3; - end - -classDef title font-size:14px -classDef padding stroke:none,fill:none - -class main title -class padding padding - -``` - -## Gantt diagram - -```{mermaid} -%%| echo: true -%%| code-fold: true -gantt - title Ablauf - dateFormat YYYY-MM-DD - section Vorbereitung - section Doktorarbeit - Exposé: e0, 2023-01-08, 240d - Promotionsvereinbarung: pv, 2023-07-01, 30d - Zulassung durch den Promotionsausschuss: zp, 2023-10-05, 5d - Probedurchlauf: pdl, 2024-03-01,14d - Experiment 1 : e1, 2024-04-01, 60d - Experiment 2 : e2, 2025-02-01, 120d - Experiment 3: e3, 2025-08-01, 110d - 2 Artikel : art2, 2026-02-01, 365d - 3 Artikel : art3, 2027-02-01, 365d - - section PHBern - Antrag Anschubfinanzierung: a0, 2023-02-01, 30d - Anschubfinanzierung: a1, 2024-08-01, 365d - Antrag Projekt: p0, 2025-01-01, 60d - Projekt: p1, 2026-08-01, 1100d -``` - -# ☕️ ?{.unlisted} - -# Theorie - -## Mark️up - -## 🧠 + 🤖 = 🦾 {.incremental} - -

    +## Dateien -Hello, Rainbow Text! -

    +### Webseite anpassen -. . . +1. _quarto.yml +2. styles.scss +3. index.qmd +4. neue Seite erstellen und ins Menü einfügen -

    +### Präsentationsfolien erstellen -This text will sparkle! -

    +## Do-it-yourself +1. Markdown +2. Yaml +3. CSS +4. HTML +5. $\LaTeX$ +6. `Python` +7. `Javascript`(Mermaid JS) +8. Bibtex +## YAML - - - - -. . . - -

    - This text will jiggle! -

    - - - - -. . . - -::: {style="font-family: 'Arial Black', sans-serif; font-size: 36px; color: #3498db; text-align: center; margin: 50px; text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); animation: pulse 2s infinite;font-size:2em"} -WordArt is back! - - - -::: - -## About - -- Posit - - Quarto - - RStudio - - Quartopub - -# ☕ ?{.unlisted} +## Mark️up # Recht @@ -291,7 +91,7 @@ WordArt is back! > [Art.2 Abs.1 KDSG](https://www.belex.sites.be.ch/app/de/texts_of_law/152.04/versions/7) > ::: -## Urheberrecht{.unlisted} +## Urheberrecht {.unlisted} > Der Arbeitnehmer ist für den Schaden verantwortlich, den er absichtlich oder fahrlässig dem Arbeitgeber zufügt. > @@ -305,15 +105,24 @@ WordArt is back! > @eidgenössischesinstitutfürgeistigeseigentum > ::: - ## PHBern {.unlisted} ->An der PHBern entscheiden gemäss Art. 8 Abs. 1 Bst. o des PH-Statuts (PHSt; abrufbar unter -www.phbern.ch/rechtssammlung > Ziff. 1.0) grundsätzlich die **Institutsleiterinnen und Institutsleiter** -über die Nutzung immaterieller Arbeitsergebnisse [...] +> An der PHBern entscheiden gemäss Art. 8 Abs. 1 Bst. o des PH-Statuts (PHSt; abrufbar unter www.phbern.ch/rechtssammlung \> Ziff. 1.0) grundsätzlich die **Institutsleiterinnen und Institutsleiter** über die Nutzung immaterieller Arbeitsergebnisse \[...\] > -:::quelle -Geistiges Eigentum Merkblatt -::: +> ::: quelle +> Geistiges Eigentum Merkblatt +> ::: + +## Wo geht die Reise hin? + +* Github +* PDF-Vorlagen +* + +## Diskussion + +* Potential für Studierende? +* Potential für Dozierende? +* Welche Features sind wichtig? ## Bibliographie {.unlisted} diff --git a/tagungsunterlagen/2024_03_20_PLP_Tagung.qmd b/tagungsunterlagen/2024_03_20_PLP_Tagung.qmd index 3a90714..dfb0a1a 100644 --- a/tagungsunterlagen/2024_03_20_PLP_Tagung.qmd +++ b/tagungsunterlagen/2024_03_20_PLP_Tagung.qmd @@ -1,6 +1,6 @@ --- format: revealjs title: Wie gelingt Beziehungsgestaltung? -subtitle: Praxislehrpersonen-Tagung +subtitle: Feedback, Motivation und Unterstützung im Mathematikunterricht

    Praxislehrpersonen-Tagung date: 18 03 2024 --- diff --git a/tagungsunterlagen/2024_05_02_KI_Mathematikunterricht.qmd b/tagungsunterlagen/2024_05_02_KI_Mathematikunterricht.qmd index 23ae4f3..95342cf 100644 --- a/tagungsunterlagen/2024_05_02_KI_Mathematikunterricht.qmd +++ b/tagungsunterlagen/2024_05_02_KI_Mathematikunterricht.qmd @@ -4,12 +4,27 @@ title: KI im Mathematikunterricht date: 02 05 2024 --- +# TPACK-Modell +## {.unlisted} +::: {#fig-uebersicht} + +![](https://upload.wikimedia.org/wikipedia/commons/e/e8/TPACK-new.png) + +TPACK Modell [@mishra_technological_2006] + +::: + +:::quelle +Bild von [Matthew Koehler](https://commons.wikimedia.org/wiki/File:TPACK-new.png), CC0, via Wikimedia Commons +::: # Was ist KI? ## Machine Learning (ML) +::: {#fig-uebersicht} + ```{mermaid} %%| mermaid-format: svg flowchart TD @@ -59,6 +74,10 @@ flowchart TD end ``` +Übersicht über Machine Learning + +::: + ## Wichtige Entwicklungen der letzten Jahre 1. Attention [vgl. @vaswani_attention_2017] @@ -73,6 +92,7 @@ flowchart TD * Artificial general intelligence * $\Rightarrow ML \supset KI\,?$ + # KI Applikationen # Problematische Erklärversuche von KI @@ -80,30 +100,36 @@ flowchart TD # KI in der Beurteilung -## Summative Beurteilung +## Summative Beurteilung 1. Datenschutz & Nutzungsrechte 2. Ethische Aspekte 3. KI $\neq$ KI 4. KI $\neq$ Taschenrechner -“participants were not able to detect AI-generated argumentative essays” ([Fleckenstein et al., 2024, p. 3](zotero://select/library/items/I3A9JSFN)) ([pdf](zotero://open-pdf/library/items/YEEQPDDZ?page=3&annotation=EIH6MCDW)) +>participants were not able to detect AI-generated argumentative essays -“teachers may not be aware of their inability to identify AI-generated texts among student essays” ([Fleckenstein et al., 2024, p. 4](zotero://select/library/items/I3A9JSFN)) ([pdf](zotero://open-pdf/library/items/YEEQPDDZ?page=4&annotation=NQ9MSDZY)) +:::quelle +[@fleckenstein_teachers_2024, p. 3] +::: +>teachers may not be aware of their inability to identify AI-generated texts among student essays +:::quelle +[@fleckenstein_teachers_2024, p. 4] +::: ## Formative Beurteilung -"Bildungsnahe Eltern halfen ihren Kindern bei den Hausaufgaben. Kinder aus bildungsfernen Haushalten waren auf sich gestellt." +>Bildungsnahe Eltern halfen ihren Kindern bei den Hausaufgaben. Kinder aus bildungsfernen Haushalten waren auf sich gestellt. :::quelle [Wälti in @jones_was_2022,S.3] ::: -"Es soll ausdrücklich keine „ständige Beurteilungssituation“ entstehen" +>Es soll ausdrücklich keine „ständige Beurteilungssituation“ entstehen :::quelle [@kuratle_kompetenzorientierte_2021,S.10] @@ -120,7 +146,7 @@ flowchart TD >Ich glaub', sagte sie leise, man kann sie nicht liebhaben. > :::quelle -@ende_momo_1973 +Momo von @ende_momo_1973 ::: ## Bibliographie {.unlisted} \ No newline at end of file