To describe and discuss about learning scenarios a common domain specific language. In his paper Overscripting CSCL (Biblionetz:t02367) Pierre Dillenbourg (Biblionetz:p01285) proposes such a language called collaboration script:

• A collaboration consists of sequential phases.
• Each phase is described with five attributes: task, mode of interaction, group, timing, distribution.

Dillenbourgs definition of collaboration scripts is very detailed if not exhaustive. I haven't seen a single example of a learning scenario as a collaboration script.

For synchronous discussions in groups, something simpler is needed. Yesterday Michele and I developed a mix od flow-chart and petri-net like description of learning scenarios. Interesting try, but very ugly-looking (100% computer science look).

Today I tried to reduce details even more and use more graphic elements. At the moment, the visual language consists of the following elements:

With this elements we can now describe learning scenarios. An example:

The teacher defines (and explains) the subject of the essay the students have to write. During one single time period each student writes his own essay. At the end of the predefined time period each student hands in his essay. The teacher reads, marks, and grades them. At the end he returns the essays.

What about doing the essay as homework?

Hmm, and what if the students would write their essay in wiki?

More to come ...

IsInEnglish

Vorgestern habe ich mich wieder einmal darüber geärgert, dass die Usability von SVG-Viewern einfach mangelhaft ist. Im Firefox kann ich gar nicht verschieben und zoomen und im Plugin von Acrobat sind diese Möglichkeiten so versteckt, dass kein Mensch von selbst auf die Idee kommt, dass und wie das gehen könnte. Keine Rede von intuitiv.

Aber was gibt's denn für Alternativen? Eine Webrecherche hat nicht viel Neues gebracht. Schlussendlich bin ich beim LinkBrowser von Touchgraph gelandet, einem Open Source Java Programm bzw. Applet.

Einen Tag Programmieren später gibt's erste Ergebnisse im Biblionetz auszuprobieren:

Unterhalb von Graphiken gibts jetzt neue Links zum Klicken: Einerseits kann die Grafik als browserfüllende Pixel- oder Vektorgrafik angezeigt werden (PNG bzw. SVG). Interessanter ist der Link Diese Grafik durch interaktives JavaApplet ersetzen . Vorausgesetzt Java und Javascript sind aktiviert, sollte beim Klicken folgendes erscheinen:

Das Applet erlaubt zoomen, verschieben und rotieren des Graphen. Daneben kann man Äste auf- und zuklappen und mit zweimaligem Klicken sogar die Grafik des entsprechenden Objektes nachladen. Dies erlaubt endloses Browsen durchs gesamte Biblionetz... (geht derzeit leider noch nicht, weil noch praktisch keine Objekte entsprechend upgedatet wurden...)

Ausprobieren lässt sich das bisher bei folgenden Seiten

• Biblionetz:w01911 Schreiben am Computer
• Biblionetz:w01919 Veröffentlichen von Text

Positiv getestet wurde das Gebastel bisher unter

• Windows XP (Tablet Edition):
  • IE 6, Java 1.5
  • Firefox 1.5.05, Java 1.5
  • Opera 9, Java 1.5
• Mac OS X 10.4.7 MD (danke)
  • Firefox 1.5.0.6, Java 1.5.0
  • Safari 2.0.4, Java 1.5.0
  • Opera 9.00 beta , Java 1.5.0

Das im Source Code vorliegende Java Applet habe ich bisher nicht verändert. ,

Im Kunsthaus Zürich ist bis 3.9.06 eine im doppelten Sinne coole Ausstellung zu sehen:

Expanded Eye ist nicht nur eine spannende Ausstellung zum Thema Sehen – entgrenzt und verflüssigt — nein, es ist auch angenehm kühl im Kunsthaus...

Hingehen! (Mo-Do abends bis 21 Uhr geöffnet) ,

Via information aesthetics bin ich über folgende ansprechende graphische Darstellung der Funktionsweise von flickr gestossen:

Zu finden unter http://soldierant.net/archives/2005/10/flickr_user_mod.html und - natürlich - bei flickr.

Ich möchte auch so visualisieren können!

Ebenfalls sehenswert ist das Diagramm zum Thema The Importance of User Experience. Vergnüglich ist ein Diagramm über Three-Lock Boxes, bei dem die echten Bezeichnungen aus Geheimhaltungsgründen durch Nonsense-Bezeichnungen ersetzt wurden.

Derzeit macht das Java-Applet htmlgraph unter dem Titel Websites as Graphs den Gang durch zahlreiche E-Learning-Blogs.

Das neckische Tool muss mit einer URL gefüttert werden und liefert eine schöne dynamische Grafik:

So sieht http://beat.doebe.li aus

[[][Visualisierungen]] machen Spass und regen zum Nachdenken an.

Doch Vorsicht: Dieses Tool visualisiert nicht die Sitestruktur (also nicht die Verknüpfung der Webseiten auf einer Website untereinander, sondern die interne Dokumentenstruktur einer einzigen Seite. Die Darstellung wird also umso verästelter, je komplexer die Seite aufgebaut ist, unabhängig von der Sitestruktur.

Sorry, aber die augenfälligen Unterschiede zwischen "dynamischen Blogs" und "statischen Websites" haben wenig mit dynamisch und statisch zu tun...

---

Erwähnenswert: sehr schön ist vor allem, wie das Java-Applet den Baum live "aufblättert". Allerdings ist der Hinweis richtig und wichtig, dass es sich nicht um Verlinkungen handelt, sondern um eine grafische Darstellung der HTML-Struktur. JH

-- Main.BeatDoebeli - 30 May 2006