Learningapps mehr interaktivit t f r e learning im web 2 0
Sponsored Links
This presentation is the property of its rightful owner.
1 / 59

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


  • 57 Views
  • Uploaded on
  • Presentation posted in: General

LearningApps : Mehr Interaktivität für E-Learning im Web 2.0. Inhalte. Inhalte. Inhalte. Texte, Bilder. Texte, Bilder. Inhalte. Texte, Bilder. Texte, Bilder. Inhalte. Texte, Bilder. Texte, Bilder, Videos, interaktive Inhalte. Auszug Vorteile E-Learning - Wikipedia.

Download Presentation

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

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


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


Inhalte


Inhalte


Inhalte

Texte, Bilder

Texte, Bilder


Inhalte

Texte, Bilder

Texte, Bilder


Inhalte

Texte, Bilder

Texte, Bilder, Videos, interaktive Inhalte


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


OLAT

Inhalte

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


MATCHIX

Download Software

Upload auf eigenen Webserver

Bereitstellung der erstellten Inhalte überCD, USB-Stick oder Web


OLAT

X

Inhalte

Texte, Bilder

Texte, Bilder, Videos, interaktive Inhalte


OLAT

Inhalte

Texte, Bilder

Texte, Bilder, Videos, interaktive Inhalte


LearnManagment System

(Moodle, ILIAS, BSCW)

Mit diesem Formular erstellt man nur1 Frage für ein Quiz


Learning

OLAT

Inhalte

Texte, Bilder

Texte, Bilder, Videos, interaktive Inhalte


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


Lernendeund andere

Personen

Webseite

LearningApps Plattform

App

Autor/in

Entwickler/in

Nutzer/in

App

App

einbetten

entwickelt

passt an

besitzt Webseite:Wiki, Blog, LMS


App


App


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


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


Apps und Instanzen

Nutzer

der

Seite

Webseite

Webseite

LearningApps Plattform

App

Position: X, Y

App

Position: X, Y

App

Position: X, Y


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


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)

App(Instanz)

AJAX

AJAX

PHP Client

LearningApps Server

Java Socket Server


LearningApps entwickeln


Beispiel App entwickeln

Kommunikation

zwischen Clients

Echtzeitanzeige

Textfarbe einstellbar

dauerhaft

speichern


parameters.xml anlegen


index.html entwickeln


Textfarbe einstellbar


Beispiel App entwickeln

Kommunikation

zwischen Clients

Echtzeitanzeige

Textfarbe einstellbar

dauerhaft

speichern


Benutzeranzeige in Echtzeit


Beispiel App entwickeln

Kommunikation

zwischen Clients

Echtzeitanzeige

Textfarbe einstellbar

dauerhaft

speichern


Daten dauerhaft speichern


Daten dauerhaft speichern


Beispiel App entwickeln

Kommunikation

zwischen Clients

Echtzeitanzeige

Textfarbe einstellbar

dauerhaft

speichern


Nachrichten austauschen

Geht an alle Clients die gerade das

App betrachten (auch an uns selbst).


Beispiel App entwickeln

Kommunikation

zwischen Clients

Echtzeitanzeige

Textfarbe einstellbar

dauerhaft

speichern


Beispiel App testen


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.


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.


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

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)

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)

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

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

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.


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.


Laufzeitverhalten

Client B

Client A

Server

geht wieder

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


  • Login