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

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

Inhalte

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


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


Videos, interaktive

Inhalte

OLAT

…

X

Inhalte


Videos, interaktive

Inhalte

OLAT

…

Learn Managment System(Moodle, ILIAS, BSCW)

Mit diesem Formular erstellt man nur 1 Frage für ein Quiz

Inhalte


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


Datenbank

LearningApps

Server

LA Client

XLA

Client

LA Client

Sendet Nachricht an C

A

B

CEmpfängt Nachricht an B

Echtzeit Nachrichtenaustausch


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


Apps und Instanzen

App

Webseite

Webseite

Nutzerder Seite

App

App

Position: X, Y

Position: X, Y

Position: X, Y

Autor/in Nutzer/inEntwickler/in


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


dauerhaftspeichern

Echtzeitanzeige



Benutzeranzeige in Echtzeit


dauerhaftspeichern

Echtzeitanzeige



Daten dauerhaft speichern


dauerhaftspeichern

Echtzeitanzeige



Nachrichten austauschen

Geht an alle Clients die gerade dasApp betrachten (auch an uns selbst).


dauerhaftspeichern

Echtzeitanzeige



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


Client Ekommt hinzumaxuser=4

Laufzeitverhalten

Server

Client A Client B

Client CClient D


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


Client Emaxuser=4

Laufzeitverhalten

Server

Client A Client B

Client CClient D


Client E

setAppState("maxusers",5)




setAppState("maxusers",5)maxuser=4

Laufzeitverhalten

Server

Client A Client B

Client CClient D


Client Emaxuser=5

Laufzeitverhalten

Server

Client A Client B

Client CClient D


Client Emaxuser=5

onAppStateChange(["maxuser"])





Laufzeitverhalten

Server

Client A Client B

Client CClient D


Client Emaxuser=5

Laufzeitverhalten

Server

Client A Client B

Client CClient D


Client Emaxuser=5

geht wieder

Laufzeitverhalten

Server

Client A Client B

Client CClient D


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

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

Documents

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