Dr. Martin Brändle. ETH Zürich Informationszentrum Chemie Biologie Pharmazie Wolfgang-Pauli-Str. 10, HCI J Zürich

Transkript

1 ETH Zürich Informationszentrum Chemie Biologie Pharmazie Wolfgang-Pauli-Str. 10, HCI J Zürich

2 Ausgangspunkt: Rauminformation

3 Was steckt dahinter?

4 DB: Datenklassen Plan-bezogen Bibliotheks-bezogen Views 4 Pläne 3 Raumobjekte 1039 Raum-Objekttypen 76 Wegknoten 550 Wegstücke 635 Beschriftungen 133 Services 113 Standortsignaturen 3286 Themen 1605 IP-Adressen 29 Diverse Zuordnungstabellen: Services Raumobjekte, Wegknoten Raumobjekte, Ingesamt ~10K Datensätze Zu Raum-Objekttypen assoziierte SVG-Dateien mit verschiedenen Zuständen (Normal, Hover, Selected)

5 Applet programmiert in der Open-Source-Sprache Processing (Superset von Java) ca Code-Zeilen, dokumentiert Zielcode (= exportierter Code): Java Pläne und Raumobjekte als SVG (skalierbare Vektorgraphiken) Graphisches Konzept: artec GmbH, Berlin, anhand von Originalplänen von Prof. Mario Campi für HCI-Gebäude Pfadalgorithmen verwenden Funktionen der Open-Source Java- Bibliothek JGraphT (Graphentheorie) Dijkstra-Algorithmus für Wegsuche als Open Source erhältlich (ohne DB und SVG-Graphiken)

6 Processing ( entwickelt am MIT Media Lab von Ben Fry und Casey Reas ursprünglich für rapid visual prototyping und visual (computer) arts entworfen. Zielsetzung: einfache Erlernbarkeit Java als Grundlage, aber einfacher eigene Entwicklungsumgebung, viele Beispiele exportiert sofort einsetzbare Java-Applikationen und Java-Applets für's Web (ab V2: JavaScript) gut dokumentiert, ausführliche Referenz grosse Community (Künstler, Entwickler), Forum, Wiki eingebaute Bibliotheken: Video, Netzwerk, serielle Schnittstelle, PDF-Erzeugung, Sound, Robotik (Arduino) erweiterbar: Bibliotheken für Animationen, Typographie, Kinect, Bild- und Gesichtserkennung, Physiksimulation, Datenprotokolle,

7 Objektorientiert Processing Sprachumfang Datentypen: primitive und zusammengesetzte (Arrays, Listen, Strings, Objekte, XML, ) Formen: Basis- und freie Formen 2D und 3D (OpenGL, WebGL) Geometrische Transformationen (verschieben, drehen, scheren) Kamera, Licht, Materialeigenschaften I/O: Maus, Tastatur, Dateien, Zeit & Datum, HTTP Farbe: RGB alpha-kanal, HSB Bilder, Texturen, Shader Typographie Mathematische Funktionen

8 Einsatzpotentiale Ab Version 2 erzeugt Processing für Web-Anwendungen nicht mehr Java, sondern JavaScript (HTML5 Canvas) Flash- und Java-Problematik in ios entfällt Visualisierungen im WebViewer plattformübergreifend (FileMaker, FileMaker Go) Keine Plugins benötigt Visualisierungen möglich, die über Charts von FM hinausgehen Netzwerkgraphen Interaktive Zeitachsen Modelle und Schemas (Technik, Medizin, Architektur, Naturwissenschaft) Schalter, Schieber und Regler Animationen Spiele

9 Fragen?