LearningApps: Mehr Interaktivität für E-Learning im Web 2.0

Inhalte

Inhalte

Inhalte Texte, Bilder

Inhalte Texte, Bilder

Texte, Bilder, Videos, interaktive Inhalte

Auszug Vorteile E-Learning - Wikipedia Auf 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

Texte, Bilder, Videos, interaktive Inhalte OLAT Texte, Bilder Texte, Bilder, Videos, interaktive Inhalte …

Interaktive E-Learning Inhalte Wenig bis gar keine Interaktivität

Autorenwerkzeuge wie HotPotatoes Download Software Upload auf eigenen Webserver Webseiten

Upload auf eigenen Webserver MATCHIX Download Software Upload auf eigenen Webserver Bereitstellung der erstellten Inhalte über CD, USB-Stick oder Web

Texte, Bilder, Videos, interaktive Inhalte OLAT Texte, Bilder Texte, Bilder, Videos, interaktive Inhalte …

Texte, Bilder, Videos, interaktive Inhalte OLAT Texte, Bilder Texte, Bilder, Videos, interaktive Inhalte …

Mit diesem Formular erstellt man nur 1 Frage für ein Quiz Learn Managment System (Moodle, ILIAS, BSCW) Mit diesem Formular erstellt man nur 1 Frage für ein Quiz

Texte, Bilder, Videos, interaktive Inhalte Learning Inhalte Texte, Bilder Texte, Bilder, Videos, interaktive Inhalte OLAT

Interaktives E-Learning-Element Video eigene Webseite einstellen einbetten in erstellt sucht bei Autor/in Nutzer/in erstellt sucht bei Learning Tube einstellen einbetten in Interaktives E-Learning-Element eigene Webseite

LearningApps Plattform Lernende und andere Personen Webseite LearningApps Plattform App App App einbetten entwickelt passt an besitzt Webseite: Wiki, Blog, LMS Entwickler/in Autor/in Nutzer/in

App

App

Echtzeit Nachrichtenaustausch LA Client A LA Client B LearningApps Plattform LearningApps Server Sendet Nachricht an C X LA Client Datenbank C Empfängt Nachricht an B

Persistenz und Synchronisation Position: X, Y LA Client A Position: X, Y LA Client B LearningApps Plattform LearningApps Server Position: X, Y LA Client Datenaustausch bei Änderung C Datenbank Position: X, Y

LearningApps Plattform Apps und Instanzen Webseite Nutzer der Seite LearningApps Plattform App Position: X, Y Webseite App Position: X, Y App Position: X, Y

LearningApps Plattform Lernende und andere Personen Webseite Instanz erstellt App LearningApps Plattform App App einbetten entwickelt erstellt besitzt Webseite: Wiki, Blog, LMS Entwickler/in Autor/in Nutzer/in

Echtzeitkommunitkation Webseite Webseite App (Instanz) App (Instanz)

Echtzeitkommunitkation Webseite Webseite Socketverbindung PORT 110 App (Instanz) App (Instanz) Flash Flash LearningApps Server Java Socket Server

Fallback Webseite Webseite Polling alle 3 Sekunden App (Instanz) AJAX PHP Client LearningApps Server Java Socket Server

LearningApps entwickeln

Beispiel App entwickeln Kommunikation zwischen Clients Textfarbe einstellbar Echtzeitanzeige dauerhaft speichern

parameters.xml anlegen

index.html entwickeln

Textfarbe einstellbar

Beispiel App entwickeln Kommunikation zwischen Clients Textfarbe einstellbar Echtzeitanzeige dauerhaft speichern

Benutzeranzeige in Echtzeit

Beispiel App entwickeln Kommunikation zwischen Clients Textfarbe einstellbar Echtzeitanzeige dauerhaft speichern

Daten dauerhaft speichern

Daten dauerhaft speichern

Beispiel App entwickeln Kommunikation zwischen Clients Textfarbe einstellbar Echtzeitanzeige dauerhaft speichern

Nachrichten austauschen Geht an alle Clients die gerade das App betrachten (auch an uns selbst).

Beispiel App entwickeln Kommunikation zwischen Clients Textfarbe einstellbar Echtzeitanzeige dauerhaft speichern

Beispiel App testen

Laufzeitverhalten Client B Client A Server Client D Client C maxuser=4 Client D Client C Gerade sind 4 Benutzer online. Es waren maximal 4 unterschiedliche Benutzer zeitgleich online.

Laufzeitverhalten Client B Client A kommt hinzu Server Client E maxuser=4 Client D Client C Gerade sind 4 Benutzer online. Es waren maximal 4 unterschiedliche Benutzer zeitgleich online.

5x onUserJoined(A), … , onUserJoined(E) Laufzeitverhalten Client B Client A onUserJoined(E) onUserJoined(E) Server Client E maxuser=4 5x onUserJoined(A), … , onUserJoined(E) onUserJoined(E) Client D Client C onUserJoined(E) Gerade sind 4 Benutzer online. Es waren maximal 4 unterschiedliche Benutzer zeitgleich online.

Laufzeitverhalten Client B Client A Server Client E Client D Client C maxuser=4 Client D Client C Gerade sind 5 Benutzer online. Es waren maximal 4 unterschiedliche Benutzer zeitgleich online.

Laufzeitverhalten Client B Client A setAppState("maxusers",5) Server Client E maxuser=4 setAppState("maxusers",5) setAppState("maxusers",5) Client D Client C setAppState("maxusers",5) Gerade sind 5 Benutzer online. Es waren maximal 4 unterschiedliche Benutzer zeitgleich online.

Laufzeitverhalten Client B Client A setAppState("maxusers",5) Server Client E maxuser=4 setAppState("maxusers",5) setAppState("maxusers",5) Client D Client C setAppState("maxusers",5) Gerade sind 5 Benutzer online. Es waren maximal 4 unterschiedliche Benutzer zeitgleich online.

Laufzeitverhalten Client B Client A Server Client E Client D Client C maxuser=5 Client D Client C Gerade sind 5 Benutzer online. Es waren maximal 4 unterschiedliche Benutzer zeitgleich online.

Laufzeitverhalten onAppStateChange(["maxuser"]) Client B Client A Server Client E maxuser=5 onAppStateChange(["maxuser"]) onAppStateChange(["maxuser"]) Client D Client C onAppStateChange(["maxuser"]) Gerade sind 5 Benutzer online. Es waren maximal 4 unterschiedliche Benutzer zeitgleich online.

Laufzeitverhalten Client B Client A Server Client E Client D Client C maxuser=5 Client D Client C Gerade sind 5 Benutzer online. Es waren maximal 5 unterschiedliche Benutzer zeitgleich online.

Laufzeitverhalten Client B Client A geht wieder Server Client E maxuser=5 Client D Client C Gerade sind 5 Benutzer online. Es waren maximal 5 unterschiedliche Benutzer zeitgleich online.

Laufzeitverhalten Client B Client A onUserLeft (E) onUserLeft(E) Server Client E maxuser=5 onUserLeft(E) Client D Client C onUserLeft(E) Gerade sind 4 Benutzer online. Es waren maximal 5 unterschiedliche Benutzer zeitgleich online.

Beispiel App hochladen

Beispiel App testen

App veröffentlichen

Entwicklerdokumentation http://learningapps.org/wiki