learningapps: mehr interaktivität für e-learning im web 2.0
TRANSCRIPT
![Page 1: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/1.jpg)
LearningApps: Mehr Interaktivität für E-Learning im Web 2.0
![Page 2: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/2.jpg)
Inhalte
![Page 3: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/3.jpg)
Inhalte
![Page 4: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/4.jpg)
Inhalte
Texte, BilderTexte, Bilder
![Page 5: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/5.jpg)
Inhalte
Texte, BilderTexte, Bilder
![Page 6: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/6.jpg)
Inhalte
Texte, BilderTexte, Bilder,
Videos, interaktive
Inhalte
![Page 7: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/7.jpg)
Auszug Vorteile E-Learning - WikipediaAuf der Grundlage von Erkenntnissen der Mediendidaktik zeigen sich Vorteile u. a. darin, dass:• Kurse im Gegensatz zu traditionellen Lehrmitteln
interaktiv sind,• abstrakte Inhalte mit Hilfe von Simulationen
anschaulich gemacht werden können,• asynchron zusammen gearbeitet werden kann,• Lernobjekte wieder verwendbar sind,• Audio und Videodokumente leicht einzubinden sind
![Page 8: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/8.jpg)
Inhalte
Texte, BilderTexte, Bilder,
Videos, interaktive
Inhalte
OLAT
…
![Page 9: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/9.jpg)
Interaktive E-Learning Inhalte
Wenig bis gar keine
Interaktivität
![Page 10: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/10.jpg)
Autorenwerkzeuge wie HotPotatoes
Download Software
Webseiten
Upload auf eigenen Webserver
![Page 11: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/11.jpg)
MATCHIX
Download Software Upload auf eigenen Webserver
Bereitstellung der erstellten Inhalte überCD, USB-Stick oder Web
![Page 12: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/12.jpg)
Inhalte
Texte, BilderTexte, Bilder,
Videos, interaktive
Inhalte
OLAT
…
X
![Page 13: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/13.jpg)
Inhalte
Texte, BilderTexte, Bilder,
Videos, interaktive
Inhalte
OLAT
…
![Page 14: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/14.jpg)
Learn Managment System(Moodle, ILIAS, BSCW)
Mit diesem Formular erstellt man nur 1 Frage für ein Quiz
![Page 15: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/15.jpg)
Inhalte
Texte, BilderTexte, Bilder,
Videos, interaktive
Inhalte
Learning
OLAT
![Page 16: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/16.jpg)
Autor/in Nutzer/in
erstellt
einstellen einbetten in
sucht bei
LearningTube
erstellt
einstellen
sucht bei
einbetten in
eigene Webseite
eigene Webseite
Interaktives E-Learning-Element
Video
![Page 17: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/17.jpg)
![Page 18: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/18.jpg)
Autor/in Nutzer/inEntwickler/in
LearningApps Plattform
App App
entwickelt passt an
einbetten
Lernendeund anderePersonen
Webseite
besitzt Webseite:Wiki, Blog, LMS
App
![Page 19: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/19.jpg)
App
![Page 20: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/20.jpg)
App
![Page 21: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/21.jpg)
LearningApps Plattform
Datenbank
LearningApps
Server
LA Client
XLA
Client
LA Client
Sendet Nachricht an C
A
B
CEmpfängt Nachricht an B
Echtzeit Nachrichtenaustausch
![Page 22: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/22.jpg)
LearningApps Plattform
Datenbank
LearningApps
Server
Position: X, Y
Position: X, Y
LA Client
Position: X, Y
LA Client
Position: X, Y
LA ClientDatenaustausch
bei Änderung
A
B
C
Persistenz und Synchronisation
![Page 23: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/23.jpg)
LearningApps Plattform
Apps und Instanzen
App
Webseite
Webseite
Nutzerder Seite
App
App
Position: X, Y
Position: X, Y
Position: X, Y
![Page 24: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/24.jpg)
Autor/in Nutzer/inEntwickler/in
LearningApps Plattform
App App
entwickelt erstellt
einbetten
Lernendeund anderePersonen
Webseite
besitzt Webseite:Wiki, Blog, LMS
App
Instanz
erstellt
Instanz
![Page 25: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/25.jpg)
Echtzeitkommunitkation
Webseite Webseite
App(Instanz)
App(Instanz)
![Page 26: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/26.jpg)
Echtzeitkommunitkation
Webseite Webseite
App(Instanz)
App(Instanz)
Flash Flash
LearningApps Server
Java Socket Server
SocketverbindungPORT 110
![Page 27: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/27.jpg)
Fallback
Webseite Webseite
App(Instanz)
App(Instanz)
LearningApps Server
Java Socket Server
Polling alle 3 Sekunden
PHP Client
AJAXAJAX
![Page 28: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/28.jpg)
LearningApps entwickeln
![Page 29: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/29.jpg)
Beispiel App entwickeln
dauerhaftspeichern
Echtzeitanzeige
Kommunikationzwischen Clients
Textfarbe einstellbar
![Page 30: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/30.jpg)
parameters.xml anlegen
![Page 31: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/31.jpg)
index.html entwickeln
![Page 32: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/32.jpg)
Textfarbe einstellbar
![Page 33: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/33.jpg)
Beispiel App entwickeln
dauerhaftspeichern
Echtzeitanzeige
Kommunikationzwischen Clients
Textfarbe einstellbar
![Page 34: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/34.jpg)
Benutzeranzeige in Echtzeit
![Page 35: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/35.jpg)
Beispiel App entwickeln
dauerhaftspeichern
Echtzeitanzeige
Kommunikationzwischen Clients
Textfarbe einstellbar
![Page 36: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/36.jpg)
Daten dauerhaft speichern
![Page 37: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/37.jpg)
Daten dauerhaft speichern
![Page 38: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/38.jpg)
Beispiel App entwickeln
dauerhaftspeichern
Echtzeitanzeige
Kommunikationzwischen Clients
Textfarbe einstellbar
![Page 39: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/39.jpg)
Nachrichten austauschen
Geht an alle Clients die gerade dasApp betrachten (auch an uns selbst).
![Page 40: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/40.jpg)
Beispiel App entwickeln
dauerhaftspeichern
Echtzeitanzeige
Kommunikationzwischen Clients
Textfarbe einstellbar
![Page 41: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/41.jpg)
Beispiel App testen
![Page 42: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/42.jpg)
Laufzeitverhalten
Server
Client A Client B
Client CClient D
Es waren maximal 4 unterschiedliche Benutzer zeitgleich online.Gerade sind 4 Benutzer online.
maxuser=4
![Page 43: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/43.jpg)
Laufzeitverhalten
Server
Client A Client B
Client CClient D
Es waren maximal 4 unterschiedliche Benutzer zeitgleich online.Gerade sind 4 Benutzer online.
Client Ekommt hinzumaxuser=4
![Page 44: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/44.jpg)
Laufzeitverhalten
Server
Client A Client B
Client CClient D
Es waren maximal 4 unterschiedliche Benutzer zeitgleich online.Gerade sind 4 Benutzer online.
Client E
onUserJoined(E)
onUserJoined(E)
onUserJoined(E)
onUserJoined(E)
5x onUserJoined(A), … , onUserJoined(E)
maxuser=4
![Page 45: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/45.jpg)
Laufzeitverhalten
Server
Client A Client B
Client CClient D
Es waren maximal 4 unterschiedliche Benutzer zeitgleich online.Gerade sind 5 Benutzer online.
Client Emaxuser=4
![Page 46: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/46.jpg)
Laufzeitverhalten
Server
Client A Client B
Client CClient D
Es waren maximal 4 unterschiedliche Benutzer zeitgleich online.Gerade sind 5 Benutzer online.
Client E
setAppState("maxusers",5)
setAppState("maxusers",5)
setAppState("maxusers",5)
setAppState("maxusers",5)
setAppState("maxusers",5)maxuser=4
![Page 47: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/47.jpg)
Laufzeitverhalten
Server
Client A Client B
Client CClient D
Es waren maximal 4 unterschiedliche Benutzer zeitgleich online.Gerade sind 5 Benutzer online.
Client E
setAppState("maxusers",5)
setAppState("maxusers",5)
setAppState("maxusers",5)
setAppState("maxusers",5)
setAppState("maxusers",5)maxuser=4
![Page 48: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/48.jpg)
Laufzeitverhalten
Server
Client A Client B
Client CClient D
Es waren maximal 4 unterschiedliche Benutzer zeitgleich online.Gerade sind 5 Benutzer online.
Client Emaxuser=5
![Page 49: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/49.jpg)
Laufzeitverhalten
Server
Client A Client B
Client CClient D
Es waren maximal 4 unterschiedliche Benutzer zeitgleich online.Gerade sind 5 Benutzer online.
Client Emaxuser=5
onAppStateChange(["maxuser"])
onAppStateChange(["maxuser"])
onAppStateChange(["maxuser"])
onAppStateChange(["maxuser"])
onAppStateChange(["maxuser"])
![Page 50: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/50.jpg)
Laufzeitverhalten
Server
Client A Client B
Client CClient D
Es waren maximal 5 unterschiedliche Benutzer zeitgleich online.Gerade sind 5 Benutzer online.
Client Emaxuser=5
![Page 51: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/51.jpg)
Laufzeitverhalten
Server
Client A Client B
Client CClient D
Es waren maximal 5 unterschiedliche Benutzer zeitgleich online.Gerade sind 5 Benutzer online.
Client Emaxuser=5
geht wieder
![Page 52: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/52.jpg)
Laufzeitverhalten
Server
Client A Client B
Client CClient D
Es waren maximal 5 unterschiedliche Benutzer zeitgleich online.Gerade sind 4 Benutzer online.
Client Emaxuser=5
onUserLeft(E)
onUserLeft(E)
onUserLeft(E)
onUserLeft (E)
![Page 53: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/53.jpg)
Beispiel App hochladen
![Page 54: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/54.jpg)
Beispiel App testen
![Page 55: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/55.jpg)
![Page 56: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/56.jpg)
![Page 57: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/57.jpg)
App veröffentlichen
![Page 58: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/58.jpg)
![Page 59: LearningApps: Mehr Interaktivität für E-Learning im Web 2.0](https://reader031.vdocuments.net/reader031/viewer/2022020310/55204d7149795902118c3bcd/html5/thumbnails/59.jpg)
Entwicklerdokumentation
http://learningapps.org/wiki