Visualisierung, Aug 2006

As expected DPM is not the first try to visualize didactic processes. In the book chapter LEO: A Concept Map Based Course Visualization Tool for Instructors and Students PDF-Dokument) (Biblionetz:t04914) John W. Coffey presents an extension of the concept mapping software cmap (Biblionetz:w01642) as a tool for planning and delivering education courses. He argues that the resulting concept maps can be used as advance organizers (Biblionetz:w01732) by students.

t04914.jpg
IsInEnglish

Vizualising the jigsaw method

15 August 2006 | Beat Döbeli Honegger | DPM, Visualisierung
I'm playing around with my new tool to visualize learning scenarios. The jigsaw method seems to be a touchstone: Will it be possible to grasp the essential of this famous learning scenario?

A first approach is not very promising:

jigsaw1.jpg

The distribution algorithm into differt groups (expert group and teaching group) is not visible. What if I take the perspective of one learner:

jigsaw5.jpg

Hmm, I'm not yet convinced. But at least a student now knows what he or she has to do.

I'll keep trying. IsInEnglish

Examples of Visualizations of Learning Scenarios

15 August 2006 | Beat Döbeli Honegger | DPM, Visualisierung
Are there other visualizations of learning scenarios? Yes there are smile

scriptvisualization1.jpg
Source: Biblionetz:t06220

scriptvisualization2.jpg
Source: Homepage CoSSicle Project
IsInEnglish

Visualizing learning scenarios

15 August 2006 | Beat Döbeli Honegger | DPM, Visualisierung
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:

didactic-process-map-elements-v-0-3.jpg

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

simple-essay.jpg

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?

simple-essay-homework.jpg

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

simple-essay-homework-with-wiki.jpg

More to come ...

IsInEnglish

TouchGraph-LinkBrowser-Experimente

05 August 2006 | Beat Döbeli Honegger | Biblionetz, Visualisierung
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:

touchgraph1.jpg

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:

touchgraph2.jpg

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

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

Kontakt

  • Beat Döbeli Honegger
  • Plattenstrasse 80
  • CH-8032 Zürich
  • E-mail: beat@doebe.li
This page was cached on 07 Feb 2026 - 10:41.