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

Präsentation zum Thema: "LearningApps: Mehr Interaktivität für E-Learning im Web 2.0"—  Präsentation transkript:

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

2 Inhalte

3 Inhalte

4 Inhalte Texte, Bilder

5 Inhalte Texte, Bilder

6 Texte, Bilder, Videos, interaktive Inhalte

7 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

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

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

10 Autorenwerkzeuge wie HotPotatoes
Download Software Upload auf eigenen Webserver Webseiten

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

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

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

14 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

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

16 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

17

18 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

19 App

20 App

21 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

22 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

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

24 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

25 Echtzeitkommunitkation
Webseite Webseite App (Instanz) App (Instanz)

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

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

28 LearningApps entwickeln

29 Beispiel App entwickeln
Kommunikation zwischen Clients Textfarbe einstellbar Echtzeitanzeige dauerhaft speichern

30 parameters.xml anlegen

31 index.html entwickeln

32 Textfarbe einstellbar

33 Beispiel App entwickeln
Kommunikation zwischen Clients Textfarbe einstellbar Echtzeitanzeige dauerhaft speichern

34 Benutzeranzeige in Echtzeit

35 Beispiel App entwickeln
Kommunikation zwischen Clients Textfarbe einstellbar Echtzeitanzeige dauerhaft speichern

36 Daten dauerhaft speichern

37 Daten dauerhaft speichern

38 Beispiel App entwickeln
Kommunikation zwischen Clients Textfarbe einstellbar Echtzeitanzeige dauerhaft speichern

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

40 Beispiel App entwickeln
Kommunikation zwischen Clients Textfarbe einstellbar Echtzeitanzeige dauerhaft speichern

41 Beispiel App testen

42 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.

43 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.

44 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.

45 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.

46 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.

47 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.

48 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.

49 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.

50 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.

51 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.

52 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.

53 Beispiel App hochladen

54 Beispiel App testen

55

56

57 App veröffentlichen

58

59 Entwicklerdokumentation