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

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

2. Inhalte

3. Inhalte

4. Inhalte Texte, Bilder Texte, Bilder

5. Inhalte Texte, Bilder Texte, Bilder

6. Inhalte Texte, Bilder Texte, Bilder, Videos, interaktive Inhalte

7. Auszug Vorteile E-Learning - Wikipedia Auf der Grundlage von Erkenntnissen derMediendidaktik zeigen sich Vorteile u. a. darin, dass: • Kurse im Gegensatz zu traditionellen Lehrmitteln interaktivsind, • abstrakte Inhalte mit Hilfe von Simulationenanschaulichgemacht werden können, • asynchron zusammen gearbeitet werden kann, • Lernobjekte wiederverwendbar sind, • Audio und Videodokumente leicht einzubinden sind

8. OLAT Inhalte 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. MATCHIX Download Software Upload auf eigenen Webserver Bereitstellung der erstellten Inhalte überCD, USB-Stick oder Web

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

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

14. LearnManagment System (Moodle, ILIAS, BSCW) Mit diesem Formular erstellt man nur1 Frage für ein Quiz

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

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

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

19. App

20. App

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

22. LA Client Persistenz und Synchronisation Position: X, Y A LA Client Position: X, Y B LearningApps Plattform LearningApps Server LA Client Datenaustauschbei Änderung C Datenbank Position: X, Y Position: X, Y

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

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

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) App(Instanz) AJAX AJAX PHP Client LearningApps Server Java Socket Server

28. LearningApps entwickeln

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

30. parameters.xml anlegen

31. index.html entwickeln

32. Textfarbe einstellbar

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

34. Benutzeranzeige in Echtzeit

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

36. Daten dauerhaft speichern

37. Daten dauerhaft speichern

38. Beispiel App entwickeln Kommunikation zwischen Clients Echtzeitanzeige Textfarbe einstellbar 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 Echtzeitanzeige Textfarbe einstellbar dauerhaft speichern

41. Beispiel App testen

42. Laufzeitverhalten Client B Client A Server 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 Server kommt hinzu Client E maxuser=4 Client D Client C Gerade sind 4 Benutzer online. Es waren maximal 4 unterschiedliche Benutzer zeitgleich online.

44. 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 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) 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) 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 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 onAppStateChange(["maxuser"]) 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 maxuser=5 Client D Client C Gerade sind 5 Benutzer online. Es waren maximal 5 unterschiedliche Benutzer zeitgleich online.