filemaker konferenz 2012 lightning presentation

FileMaker und interaktive Visualisierung

Dr. Martin Brändle

ETH Zürich Informationszentrum Chemie Biologie Pharmazie

Wolfgang-Pauli-Str. 10, HCI J 57.4 8093 Zürich

FileMaker Konferenz2010

FileMaker Konferenz 2012 Salzburg

www.filemaker-konferenz.com Dr. Martin Brändle FileMaker und interaktive Visualisierung




Ausgangspunkt: Rauminformation




Was steckt dahinter?




DB: Datenklassen Plan-bezogen

Views 4

Pläne 3

Raumobjekte 1039

Raum-Objekttypen 76

Wegknoten 550

Wegstücke 635

Beschriftungen 133

Bibliotheks-bezogen

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)




Applet •  programmiert in der Open-Source-Sprache Processing

(Superset von Java) •  ca. 4000 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)




Processing (www.processing.org) •  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, …




Processing Sprachumfang •  Objektorientiert •  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

www.processing.org/reference




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

•  …




www.infochembio.etz.ch/rauminformation.html

Fragen?

filemaker konferenz 2012 lightning presentation

Technology