Post on 06-Apr-2016
LearningApps: Mehr Interaktivität für E-Learning im Web 2.0
Inhalte
Inhalte
Inhalte
Texte, BilderTexte, Bilder
Inhalte
Texte, BilderTexte, Bilder
Inhalte
Texte, BilderTexte, Bilder,
Videos, interaktive
Inhalte
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
Inhalte
Texte, BilderTexte, Bilder,
Videos, interaktive
Inhalte
OLAT
…
Interaktive E-Learning Inhalte
Wenig bis gar keine
Interaktivität
Autorenwerkzeuge wie HotPotatoes
Download Software
Webseiten
Upload auf eigenen Webserver
MATCHIX
Download Software Upload auf eigenen Webserver
Bereitstellung der erstellten Inhalte überCD, USB-Stick oder Web
Inhalte
Texte, BilderTexte, Bilder,
Videos, interaktive
Inhalte
OLAT
…
X
Inhalte
Texte, BilderTexte, Bilder,
Videos, interaktive
Inhalte
OLAT
…
Learn Managment System(Moodle, ILIAS, BSCW)
Mit diesem Formular erstellt man nur 1 Frage für ein Quiz
Inhalte
Texte, BilderTexte, Bilder,
Videos, interaktive
Inhalte
Learning
OLAT
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
Autor/in Nutzer/inEntwickler/in
LearningApps Plattform
App App
entwickelt passt an
einbetten
Lernendeund anderePersonen
Webseite
besitzt Webseite:Wiki, Blog, LMS
App
App
App
LearningApps Plattform
Datenbank
LearningApps
Server
LA Client
XLA
Client
LA Client
Sendet Nachricht an C
A
B
CEmpfängt Nachricht an B
Echtzeit Nachrichtenaustausch
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
LearningApps Plattform
Apps und Instanzen
App
Webseite
Webseite
Nutzerder Seite
App
App
Position: X, Y
Position: X, Y
Position: X, Y
Autor/in Nutzer/inEntwickler/in
LearningApps Plattform
App App
entwickelt erstellt
einbetten
Lernendeund anderePersonen
Webseite
besitzt Webseite:Wiki, Blog, LMS
App
Instanz
erstellt
Instanz
Echtzeitkommunitkation
Webseite Webseite
App(Instanz)
App(Instanz)
Echtzeitkommunitkation
Webseite Webseite
App(Instanz)
App(Instanz)
Flash Flash
LearningApps Server
Java Socket Server
SocketverbindungPORT 110
Fallback
Webseite Webseite
App(Instanz)
App(Instanz)
LearningApps Server
Java Socket Server
Polling alle 3 Sekunden
PHP Client
AJAXAJAX
LearningApps entwickeln
Beispiel App entwickeln
dauerhaftspeichern
Echtzeitanzeige
Kommunikationzwischen Clients
Textfarbe einstellbar
parameters.xml anlegen
index.html entwickeln
Textfarbe einstellbar
Beispiel App entwickeln
dauerhaftspeichern
Echtzeitanzeige
Kommunikationzwischen Clients
Textfarbe einstellbar
Benutzeranzeige in Echtzeit
Beispiel App entwickeln
dauerhaftspeichern
Echtzeitanzeige
Kommunikationzwischen Clients
Textfarbe einstellbar
Daten dauerhaft speichern
Daten dauerhaft speichern
Beispiel App entwickeln
dauerhaftspeichern
Echtzeitanzeige
Kommunikationzwischen Clients
Textfarbe einstellbar
Nachrichten austauschen
Geht an alle Clients die gerade dasApp betrachten (auch an uns selbst).
Beispiel App entwickeln
dauerhaftspeichern
Echtzeitanzeige
Kommunikationzwischen Clients
Textfarbe einstellbar
Beispiel App testen
Laufzeitverhalten
Server
Client A Client B
Client CClient D
Es waren maximal 4 unterschiedliche Benutzer zeitgleich online.Gerade sind 4 Benutzer online.
maxuser=4
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
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
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
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
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
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
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"])
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
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
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)
Beispiel App hochladen
Beispiel App testen
App veröffentlichen
Entwicklerdokumentation
http://learningapps.org/wiki