https://github.com/liascript/workshop
LiaScript Workshop
https://github.com/liascript/workshop
liascript liascript-course
Last synced: 8 months ago
JSON representation
LiaScript Workshop
- Host: GitHub
- URL: https://github.com/liascript/workshop
- Owner: LiaScript
- License: cc0-1.0
- Created: 2020-04-07T17:45:57.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2020-06-16T20:01:11.000Z (over 5 years ago)
- Last Synced: 2025-02-17T23:46:32.746Z (11 months ago)
- Topics: liascript, liascript-course
- Homepage:
- Size: 951 KB
- Stars: 2
- Watchers: 4
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Freie Lehr-Lern-Materialien ohne Wenn und Aber
**Die Entwicklung von interaktiven Vorlesungen mit LiaScript**
_Tag der Lehre 2020_
Sebastian Zug, Andrè Dietrich (Technische Bergakademie Freiberg)
--------------------------------------------------
_Ablauf:_
1. Motivation des Konzeptes (10 Min)
2. Tutorial (35-40 Min)
3. Fragen und Feedbacks (10 Min)
> Die Interaktive Version dieser Materialien finden Sie unter ...
--------------------------------------------------
**Herzlich Willkommen!**
## Widerspruch der Digitalen Lehre
{{0-1}}
************************************************
************************************************
{{1-2}}
************************************************
************************************************
{{2-4}}
************************************************
************************************************
{{3-4}}
************************************************
```
== Geschichte ==
Die [[Bergakademie]] Freiberg wurde 1765, in der Zeit der [[Aufklärung]], durch
[[Franz Xaver von Sachsen|Prinz Xaver von Sachsen]] nach den Plänen von
[[Friedrich Wilhelm von Oppel]] (1720–1767) und [[Friedrich Anton von Heynitz]]
unter dem Namen ''Kurfürstlich-Sächsische Bergakademie zu Freiberg''
```
************************************************
## LiaScript-Konzept
Verknüpfung der orthogonalen Zielstellungen über eine erweiterte Beschreibungssprache mit:
+ dynamischen Inhalte zur Umsetzung lehrrelevanter Formate (Quizze, Animationen, Grafiken)
+ einer serverlosen Bearbeitung- und Ausführungsumgebung
+ Schnittstellen zur Erweiterung mittels Plugins und der Integration in etablierte LMS
## Bearbeitungsphasen
{{0-1}}
************************************************
`````````
Generierung Publikation Konsum durch Lernende
| Plugin A ╔══════╡ Browser ╞══════╗
| | Plugin B nativ ║ Digitale Systeme ║
v v +-------> ║ (WiSe 2020) ║
+---------------------+ | ║ ║
| # Digitale Systeme |\ .-,( ),-. ╚═════════════════════════╝
| (WiSe 2020) +-+ .-( )-.
| | --> ( Cloud Speicher ) ╔══════╡ OPAL ╞══════╗
| Fallbeispiele | '-( ).-' ║ Digitale Systeme ║
| + ... | '-.( ).-' SCORM ║ (WiSe 2020) ║
+-----------------------+ +-------> ║ ║
| ╚═════════════════════════╝
|
| ╔══════╡ pdfViewer ╞══════╗
| export ║ Digitale Systeme ║
+-------> ║ (WiSe 2020) ║
║ ║
╚═════════════════════════╝ .
`````````
************************************************
{{1-3}}
************************************************
`````````
Generierung Publikation Konsum durch Lernende
::::::::::::::::::::::::::Feedbacks:::::::::::::::::::::::::::::
:: ::
| Plugin A :: ╔══════╡ Browser ╞══════╗ ::
| | Plugin B :: nativ ║ Digitale Systeme ║ ::
v v vv +-------> ║ (WiSe 2020) ║::::
+---------------------+ | ║ ║ ::
| # Digitale Systeme |\ .-,( ),-. ╚═════════════════════════╝ ::
| (WiSe 2020) +-+ .-( )-. ::
| | --> ( Cloud Speicher ) ╔══════╡ OPAL ╞══════╗ ::
| Fallbeispiele | '-( ).-' ║ Digitale Systeme ║ ::
| + ... | '-.( ).-' SCORM ║ (WiSe 2020) ║::::
+-----------------------+ +-------> ║ ║ ::
| ╚═════════════════════════╝ ::
| ::
| ╔══════╡ pdfViewer ╞══════╗ ::
| export ║ Digitale Systeme ║ ::
+-------> ║ (WiSe 2020) ║::::
║ ║
╚═════════════════════════╝
`````````
************************************************
{{2-3}}
************************************************
************************************************
# Und nun
... wird des praktisch
## Allgemeine Struktur
## PowerPoint & Sprechen Lernen
--{{1}}--
Zuerst erscheint eine Tabelle.
{{1-2}}
| Header 1 | Header 2 | Header 3 |
|:-------- |:-------- |:-------- |
| Item 1 | Item 2 | Item 3 |
| test | | Wichtig |
--{{2}}--
Und dann eine Liste mit wichtigen Punkten.
{{2}}
* Dies ist
* eine __kleine__
* Liste {3}{_wichtiger_} Informationen.
--{{3 Russian Male}}--
Markdown (произносится маркда́ун) — облегчённый язык разметки, созданный с целью
написания наиболее читаемого и удобного для правки текста, но пригодного для
преобразования в языки для продвинутых публикаций (HTML, Rich Text и других).
## Quizfrage?
Hat ihnen das gefallen?
[[Ja]]
// @input will be replace by the user input
let input_string = "@input";
"ja" == input_string.trim().toLowerCase();
Wie hat Ihnen der Kurs gefallen?
[[X]] Gut
[[X]] Super
[[ ]] Schlecht
[[?]] Es gibt zwei mögliche Anworten
[[?]] Es gibt zwei mögliche Anworten
[[?]] Die ersten beiden
****************************************
Add a solution explanation __Markdown__!
$$
\sum_{i=1}^\infty\frac{1}{n^2}
=\frac{\pi^2}{6}
$$
****************************************
## Programmieren im Browser
```javascript
var s = "JavaScript syntax highlighting";
console.log(s)
3*33
```
@input
## Teilen und Herrschen (mit Plugins)
https://github.com/liaTemplates
### Chemie
https://github.com/liaTemplates/Kekule
``` @Kekule.molecule3d
```
### Medizin
https://github.com/liaTemplates/VTK
> Note: This might take a while, to load and render the vti data set within the browser.
@VTK.load(https://data.kitware.com/api/v1/file/58e665158d777f16d095fc2e/download)
### Maschinenbau
``` json @mec
{
"id":"chaos-pendulums",
"gravity":true,
"nodes": [
{ "id":"A0","x":200,"y":400,"base":true },
{ "id":"A1","x":280,"y":480,"m":2 },
{ "id":"B1","x":279,"y":481,"m":2 },
{ "id":"C1","x":278,"y":482,"m":2 },
{ "id":"D1","x":277,"y":483,"m":2 },
{ "id":"A2","x":360,"y":560,"m":3 },
{ "id":"B2","x":359,"y":561,"m":3 },
{ "id":"C2","x":358,"y":562,"m":3 },
{ "id":"D2","x":357,"y":563,"m":3 },
{ "id":"A3","x":440,"y":640,"m":4.7 },
{ "id":"B3","x":439,"y":641,"m":4.7 },
{ "id":"C3","x":438,"y":642,"m":4.7 },
{ "id":"D3","x":437,"y":643,"m":4.7 }
],
"constraints": [
{ "id":"a1","p1":"A0","p2":"A1","len":{ "type":"const" } },
{ "id":"a2","p1":"A1","p2":"A2","len":{ "type":"const" } },
{ "id":"a3","p1":"A2","p2":"A3","len":{ "type":"const" } },
{ "id":"b1","p1":"A0","p2":"B1","len":{ "type":"const" } },
{ "id":"b2","p1":"B1","p2":"B2","len":{ "type":"const" } },
{ "id":"b3","p1":"B2","p2":"B3","len":{ "type":"const" } },
{ "id":"c1","p1":"A0","p2":"C1","len":{ "type":"const" } },
{ "id":"c2","p1":"C1","p2":"C2","len":{ "type":"const" } },
{ "id":"c3","p1":"C2","p2":"C3","len":{ "type":"const" } },
{ "id":"d1","p1":"A0","p2":"D1","len":{ "type":"const" } },
{ "id":"d2","p1":"D1","p2":"D2","len":{ "type":"const" } },
{ "id":"d3","p1":"D2","p2":"D3","len":{ "type":"const" } }
],
"views": [
{ "show":"pos","of":"A3","as":"trace","id":"view1","stroke":"rgba(255,0,0,.5)" },
{ "show":"pos","of":"B3","as":"trace","id":"view2","stroke":"rgba(0,255,0,.5)" },
{ "show":"pos","of":"C3","as":"trace","id":"view3","stroke":"rgba(255,255,0,.5)" },
{ "show":"pos","of":"D3","as":"trace","id":"view4","stroke":"rgba(255,0,255,.5)" }
]
}
```
### Mathematik
https://github.com/liaTemplates/Algebrite
```
(3 * x - 5x)^3 * (x + x)
60!
```
@Algebrite.eval
```
f=sin(t)^4-2*cos(t/2)^3*sin(t)
f=circexp(f)
defint(f,t,0,2*pi)
```
@Algebrite.eval
## Fun avec Sprachen
{{|>}}
Hallo und Willkommen zum LiaScript Sprach-Kurs für Fortgeschrittene.
{{|> UK English Male}}
Hello and welcome to the LiaScript language course for advanced learners.
### Sprachen Lernen
| English | German | Russian | Arabic male | Arabic female |
| -------------------------------------- |:-------------------- |:--------------------------------------- |:------------------------- | --------------------------- |
| {!> UK English Female}{I go} | {!>}{ich gehe} | {!> Russian Male}{я хожу} | {!> Arabic Male}{أذْهبُ} | |
| {!> UK English Female}{you go} | {!>}{du gehst} | {!> Russian Male}{ты ходишь} | {!> Arabic Male}{تذْهبُ} | {!> Arabic Female}{تذْهبين} |
| {!> UK English Female}{he/she/it goes} | {!>}{er/sie/es geht} | {!> Russian Male}{он / она / оно ходит} | {!> Arabic Male}{يذْهبُ} | {!> Arabic Female}{تذْهبُ} |
| {!> UK English Female}{we go} | {!>}{wir gehen} | {!> Russian Male}{мы ходим} | {!> Arabic Male}{نذْهبُ} | |
| {!> UK English Female}{you go} | {!>}{ihr geht} | {!> Russian Male}{вы ходите} | {!> Arabic Male}{تذْهبون} | {!> Arabic Female}{تذْهبْن} |
| {!> UK English Female}{they go} | {!>}{sie gehen} | {!> Russian Male}{они ходят} | {!> Arabic Male}{يذْهبون} | {!> Arabic Female}{يذْهبْن} |
### Sprachen Lernen II
| go | EN | DE | RU | AR male | AR female |
| --------- |:-------------------:|:-------------------:|:-------------------------:|:-----------------:|:-------------------:|
| I | @en(I go) | @de(ich gehe) | @ru(я хожу) | @ar(Male,أذْهبُ) | |
| you | @en(you go) | @de(du gehst) | @ru(ты ходишь) | @ar(Male,تذْهبُ) | @ar(Female,تذْهبين) |
| he/she/it | @en(he/she/it goes) | @de(er/sie/es geht) | @ru(он / она / оно ходит) | @ar(Male,يذْهبُ) | @ar(Female,تذْهبُ) |
| we | @en(we go) | @de(wir gehen) | @ru(мы ходим) | @ar(Male,نذْهبُ) | |
| you | @en(you go) | @de(ihr geht) | @ru(вы ходите) | @ar(Male,تذْهبون) | @ar(Female,تذْهبْن) |
| they | @en(they go) | @de(sie gehen) | @ru(они ходят) | @ar(Male,يذْهبون) | @ar(Female,يذْهبْن) |
## Spaß mit Tabellen
Multiline
1.9 |
| *** (* Punkte)
y | * * (r rot)
- | r r r r r r r*r r r r*r r r r r r r (B BLAU)
a | * *
x | * *
i | B B B B B * B B B B B B * B B B B B
s | * *
| * * * * * *
-1 +------------------------------------
0 x-axis 1
| Multiline | Punkte | Blau | rot |
| ---------:| -------:| ------:| -----:|
| 0.0277 | -1 | -0.356 | 0.611 |
| 0.1111 | -1 | -0.356 | 0.611 |
| 0.1666 | -1 | -0.356 | 0.611 |
| 0.2500 | -0.6777 | -0.356 | 0.611 |
| 0.3055 | -0.3555 | -0.356 | 0.611 |
| 0.3333 | -0.0333 | -0.356 | 0.611 |
| 0.3611 | 0.2888 | -0.356 | 0.611 |
| 0.3888 | 0.6111 | -0.356 | 0.611 |
| 0.4166 | 0.9333 | -0.356 | 0.611 |
| 0.4722 | 1.2555 | -0.356 | 0.611 |
| 0.5000 | 1.2555 | -0.356 | 0.611 |
| 0.5277 | 1.2555 | -0.356 | 0.611 |
| 0.5833 | 0.9333 | -0.356 | 0.611 |
| 0.6111 | 0.6111 | -0.356 | 0.611 |
| 0.6388 | 0.2888 | -0.356 | 0.611 |
| 0.6666 | -0.0333 | -0.356 | 0.611 |
| 0.6944 | -0.3555 | -0.356 | 0.611 |
| 0.7500 | -0.6777 | -0.356 | 0.611 |
| 0.8333 | -1 | -0.356 | 0.611 |
| 0.8888 | -1 | -0.356 | 0.611 |
| 0.9722 | -1 | -0.356 | 0.611 |
### LinePlot
| Year | Finland | USA | Germany | China |
| ---- | -------:| -------:| -------:| -------:|
| 1995 | 6.80942 | | 4.42079 | 1.84192 |
| 1996 | 6.86052 | | 4.48319 | 1.85338 |
| 1997 | | | | |
| 1998 | | | 4.45345 | 1.84432 |
| 1999 | 5.86960 | | | 1.88803 |
| 2000 | 5.71687 | | | |
| 2001 | 5.84797 | | | |
| 2002 | 6.02477 | | | |
| 2003 | 6.17476 | | | |
| 2004 | 6.16849 | | | |
| 2005 | 6.03605 | | | |
| 2006 | 5.93809 | | 4.27930 | |
| 2007 | 5.68608 | | 4.34302 | |
| 2008 | 5.84676 | | 4.40954 | |
| 2009 | 6.48517 | | 4.88047 | |
| 2010 | 6.54070 | 5.42001 | 4.91368 | |
| 2011 | 6.48200 | 5.22389 | 4.80779 | |
| 2012 | 7.19254 | 5.19485 | 4.93331 | |
| 2013 | 7.15848 | 4.94378 | 4.93496 | |
| 2014 | 7.15155 | 4.98948 | 4.93112 | |
https://ourworldindata.org/financing-education#all-charts-preview
### BarChart
| Animal | weight in kg | Lifespan years | Mitogen |
| --------------- | ------------:| --------------:| -------:|
| Mouse | 0.028 | 02 | 95 |
| Flying squirrel | 0.085 | 15 | 50 |
| Brown bat | 0.020 | 30 | 10 |
| Sheep | 90 | 12 | 95 |
| Human | 68 | 70 | 10 |
### PieChart
| Music-Style 1994 | Classic | Country | Reggae | Hip-Hop | Hard-Rock | Samba |
|:---------------- | -------:| -------:| ------:| -------:| ---------:| -----:|
| Student rating | 50 | 50 | 100 | 200 | 350 | 250 |
| Music-Style {0-1}{1994} {1}{2014} | Student rating |
|:--------------------------------- | -------------------:|
| Classic | {0-1}{50} {1}{20} |
| Country | {0-1}{50} {1}{30} |
| Reggae | 100 |
| Hip-Hop | {0-1}{200} {1}{220} |
| Hard-Rock | {0-1}{350} {1}{400} |
| Samba | {0-1}{250} {1}{230} |
### Radar
| Animal | weight in kg | Lifespan years | Mitogen |
| --------------- | ------------:| --------------:| -------:|
| Mouse | 0.028 | 02 | 95 |
| Flying squirrel | 0.085 | 15 | 50 |
| Brown bat | 0.020 | 30 | 10 |
### HeatMap
| Seattle | Jan | Feb | Mar | Apr | May | Jun | Jul | Aug | Sep | Oct | Nov | Dec |
| -------:| ----:| ----:| ----:| ----:| ----:| ----:| ----:| ----:| ----:| ----:| ----:| ----:|
| 0 | 40.7 | 41.5 | 43.6 | 46.6 | 51.4 | 56.0 | 60.5 | 61.2 | 57.0 | 50.1 | 44.1 | 39.6 |
| 2 | 40.2 | 40.7 | 42.7 | 45.3 | 50.0 | 54.4 | 58.5 | 59.2 | 55.4 | 49.2 | 43.5 | 39.3 |
| 4 | 39.7 | 40.0 | 41.9 | 44.4 | 48.9 | 53.2 | 57.0 | 57.7 | 54.2 | 48.6 | 43.1 | 38.9 |
| 6 | 39.6 | 39.5 | 41.3 | 44.2 | 49.5 | 54.2 | 57.8 | 57.4 | 53.6 | 48.2 | 42.8 | 38.7 |
| 8 | 39.6 | 39.9 | 42.9 | 47.1 | 52.7 | 57.3 | 61.3 | 61.1 | 56.7 | 49.5 | 43.1 | 38.7 |
| 10 | 41.3 | 42.7 | 46.4 | 50.7 | 56.4 | 60.9 | 65.2 | 65.4 | 60.9 | 52.8 | 45.5 | 40.4 |
| 12 | 43.8 | 46.0 | 49.5 | 53.8 | 59.6 | 64.3 | 69.4 | 69.8 | 65.1 | 56.0 | 47.8 | 42.6 |
| 14 | 45.1 | 47.7 | 51.3 | 55.9 | 61.9 | 66.9 | 72.6 | 73.2 | 67.7 | 57.8 | 48.8 | 43.6 |
| 16 | 44.5 | 47.5 | 51.4 | 55.9 | 62.3 | 67.5 | 73.9 | 74.3 | 68.2 | 57.4 | 47.8 | 42.6 |
| 18 | 42.6 | 44.7 | 48.7 | 53.8 | 60.3 | 65.9 | 72.3 | 72.2 | 64.6 | 53.9 | 46.0 | 41.2 |
| 20 | 42.0 | 43.3 | 46.4 | 50.2 | 56.0 | 61.4 | 66.9 | 66.6 | 60.7 | 52.3 | 45.2 | 40.7 |
| 22 | 41.4 | 42.5 | 45.0 | 48.3 | 53.5 | 58.2 | 63.2 | 63.5 | 58.7 | 51.1 | 44.5 | 40.1 |
### Map
> GeoJson Sammlung: https://code.highcharts.com/mapdata/
| Country | percent |
| ---------------------- | ------- |
| Albania | 73.5 |
| Andorra | 98.9 |
| Armenia | 72.4 |
| Austria | 87.9 |
| Azerbaijan | 79.8 |
| Belarus | 79.7 |
| Belgium | 93.9 |
| Bosnia and Herzegovina | 80.8 |
| Bulgaria | 66.7 |
| Croatia | 91.5 |
| Cyprus | 84.4 |
| Czech Republic | 87.7 |
| Denmark | 97.8 |
| Estonia | 97.9 |
| Finland | 94.0 |
| France | 92.3 |
| Georgia | 68.1 |
| Germany | 96.0 |
| Greece | 72.9 |
| Hungary | 89.0 |
| Iceland | 99.0 |
| Ireland | 91.9 |
| Italy | 92.5 |
| Latvia | 87.1 |
| Liechtenstein | 98.1 |
| Lithuania | 90.9 |
| Luxembourg | 97.8 |
| Macedonia | 79.2 |
| Malta | 83.1 |
| Moldova | 76.1 |
| Monaco | 97.5 |
| Montenegro | 71.5 |
| Netherlands | 95.6 |
| Norway | 98.4 |
| Poland | 78.2 |
| Portugal | 78.2 |
| Romania | 73.8 |
| Russia | 80.9 |
| San Marino | 60.2 |
| Republic of Serbia | 73.4 |
| Slovakia | 84.9 |
| Slovenia | 79.9 |
| Spain | 92.5 |
| Sweden | 96.4 |
| Switzerland | 93.7 |
| Turkey | 83.3 |
| Ukraine | 93.4 |
| United Kingdom | 94.9 |
| Vatican City | 60.1 |
### Graph
If the first column and the head of the table are equal, then the interpreter
tries to interpret the content of the table as an adjacency matrix, which
defines a graph. If those values are symetrical according to the diagonal, then
the matrix defines an __undirected graph__.
| Graph | A | B | C | D | E |
|:----- |:---:|:---:|:---:|:---:|:---:|
| A | 0 | 1 | 0 | 1 | 0 |
| B | 1 | 0 | 0 | 1 | 0 |
| C | 0 | 0 | 0 | 0 | 0 |
| D | 1 | 1 | 0 | 0 | 1 |
| E | 0 | 0 | 0 | 1 | 0 |
In contrast to this, if those values differ, then the result is simply an an
__directed graph__, whereby the values define the strength of the line.
| Graph | A | B | C | D | E |
|:----- |:---:|:---:|:---:|:---:|:---:|
| A | 0 | 12 | 0 | 1 | 0 |
| B | -22 | 0 | 0 | 0.4 | 0 |
| C | 0 | 0 | 0 | 0 | 0 |
| D | 2 | 12 | 0 | 0 | 1 |
| E | 0 | 0 | 0 | 2 | 0 |
> Unfortunatelly, self referenceing or multigraphs are currently not supported.
### Sankey
> Gerichteter Graph zur Visualisierung von Materialflüssen:
>
> https://en.wikipedia.org/wiki/Sankey_diagram
| Sankey | A | B | C | D | E |
|:------ |:---:|:---:|:---:|:---:|:---:|
| A | | | | | |
| B | 3 | | | | |
| C | 1 | 1 | | | |
| D | | 1 | 1 | | |
| E | 2 | 1 | 1 | 1 | |
## Upload ... Wohin?
https://LiaScript.github.io/course/?
oder
https://LiaScript.io/course/?
### GitHub
https://github.com/LiaScript/Workshop
### DropBox
### Moodle und andere LMS
https://github.com/LiaScript/LiaScript-Exporter/
`liaex -i README.md -f scorm1.2 -o Workshop_ --masteryScore 20`
## Technologie hinter LiaScript
> __PWA: Progressive Web App__
>
> https://de.wikipedia.org/wiki/Progressive_Web_App
__Merkmale:__
* Offline first: funktioniert auch offline
* Installierbar: kann wie eine App installiert werden
* Zugriff auf Sensoren und GPS (WebApp):
https://developer.mozilla.org/en-US/docs/Web/API/Sensor_APIs
* Push-Notifications: ...
## Weitere Quellen
https://LiaScript.github.io
https://github.com/LiaBooks
https://www.youtube.com/watch?v=w_CRABsJNKA&t=10s
https://www.youtube.com/watch?v=-JyKxvAkAP0
https://www.youtube.com/channel/UCyiTe2GkW_u05HSdvUblGYg
# Fragen