Incom ist die Kommunikations-Plattform der Hochschule Augsburg Gestaltung

In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre

Incom ist die Kommunikations-Plattform der Hochschule Augsburg Gestaltung mehr erfahren

Krendlinger_Anja (Block II - Interaktive Gestaltung)

Krendlinger_Anja (Block II - Interaktive Gestaltung)

Visuelle Darstellung von Wetterdaten in Augsburg mithilfe von Interaktion. http://www.hs-augsburg.de/~anjak/Tagesablauf.html

Vorüberlegung: Thema Ziehen

Die Idee war Blumen am unteren Rand wachsen zu lassen. Je nach dem wie viele Sonnenstunden es gab, desdo größer sind die Blumen.
Wenn man eine Blume herraus zieht bekommt man den Monat und die dazu gehörigen Sonnen- oder Regenstunden angezeigt.

Vorerst wurde versucht eine Rechteck-Landschaft so zu codieren das man einzelne Rechtecke länger und kürzer ziehen kann.
Leider gab es dabei noch Probleme, weil man das Rechteck nur in eine Richtung verschieben kann und aktuell noch keine Lösung dafür gefunden wurde es in beide Richtungen zu ziehen.

Idee 1.jpgIdee 1.jpg

Vorüberlegung: Thema Drücken

Man drückt einen Knopf, dieser wird dann größer und leuchtet Rot.

Vorüberlegung: Thema Drehen

Durch das Drehen der Sonne oben auf dem Kreisbogen soll man verschiedene Monate angezeigt bekommen und wie sehr die Sonne geschienen hat. Je nach dem soll sich auch die Helligkeit des Bildes verändern.

idee 2.jpgidee 2.jpg

Zuerst gab es schwierigkeiten die Sonne auf dem Kreisbogen bewegbar zu machen, aber mithilfe von simpler Mathematik und einer kleinen Zeichnung wurde dies gelöst.

skizze.pngskizze.png

Eine andere Idee wäre gewesen die Sonne links anzuordnen und als Regler für die Monate zu nutzen, da je nach Monat die Sonneneinstrahlung auf die Erde unterschiedlich ist.

idee3.pngidee3.png

Tagesablauf-Simulator

Mithilfe dieses kleinen visuellen Tagessimulator kann die verschiedenen Tage durchlaufen.

Geplant ist, anzeigen zu lassen welche „Sonnenscheindauer Tagessumme (Stunde)“ an diesem Tag waren.
Hinzufügen könnte man noch Wolken und den „Tagesmittel des Bedeckungsgrades (Achtel)“ oder „Tagesmittel der Temperatur (°C)“.
Überlegt wurde auch mithilfe von Wolken oder Regentropfen eine Variation darzustellen.

Problemlösung

Aufgrund dessen das in den geplanten Daten nur Durchschnittswerte von einer Woche enthalten sind, benutzt man jetzt einen Datensatz in dem pro Stunde gemessen wurde.
Dort sind leider keine Sonnenstunden, deswegen wurde die Sonne „nur “ als Stunden-Regler eingefügt.
Man kann sich mithilfe von Buttons in der linken oberen Ecke durch die Tage und Monate klicken und mithilfe der Sonne den Tag „durchlaufen“ indem man sie in einem Kreisbogen über den Bildschirm bewegt.

Je nach dem welches Wetter zur gegebenen Stunde war, tauchen z.B. Schneeflocken oder Regentropfen auf, es wird neblig oder düster.
Für jedes Wetter musste also ein Ereigniss programmiert werden.

Dadurch das die Daten mit dem letzten Tag des Jahres anfangen, muss man alles rückwärts berechnen und die Tage so zu sagen „abziehen“ wenn man vorwärts möchte.
Ebenso ist es schwierig durch die Monate zu klicken, da ja jeder Monat eine andere Anzahl an Tagen hat.
Diese Probleme wurde mit einem zweiten selbst gewählten Datum, durch das man sich durch klickt und mit dem Daten-Datum vergleich, gelöst.

Details

Baumlandschaft.pngBaumlandschaft.png
baumlandschaftschnee.pngbaumlandschaftschnee.png
bild2.pngbild2.png

Durch eigens erstellte Icons und Bilder wurde eine simple Landschaft und die Wetter-Ereignisse gezeichnet.  Es schneit, oder regnet.

Je nach dem wo sich gerade die Sonne befindet, ändert sich die Farbe sowohl vom Hintergrund als auch von der Sonne und das Licht in der kleinen Hütte geht entweder an bei Nacht oder aus bei Tag.

pfeile.pngpfeile.png
schneeflocke.pngschneeflocke.png
regentropfen.pngregentropfen.png

Websiten- & Cloud-Link

Ein Projekt von

Fachgruppe

Interaktive Medien

Art des Projekts

Keine Angabe

Zugehöriger Workspace

IA Grundlagen Interaktiver Gestaltung (Gruppe B)

Entstehungszeitraum

Sommersemester 2020