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



Ähnliche Dokumente
Webseiten und Web-Apps grafisch gestalten mit HTML5 Canvas ohne Flash und sonstige Tools

Aqcuisition Processing Distribution Exploit/View

Herzlich Willkommen! eine praxisnahe Übersicht. Mit Java ins Web - mb@bebox.franken.de (c) Michael Behrendt -

Autorensysteme für mobile Anwendungen - Totgesagte leben länger. Prof. Dr. Michael Bauer Autorensysteme

App Entwicklung mit Hilfe von Phonegap. Web Advanced II - SS 2012 Jennifer Beckmann

Programmieren. Programmieren. Webseiten aufpeppen. Grafikkarte ausreizen. Coole Sprachen. Kinect am PC. 3D-Programmierung

Di 8.4. Silverlight: Windows Presentation Foundation für s Web. Christian Wenz

Applets I. Grundlagen der g Applet-Programmierung

Programmieren Lernen mit BYOB. Gerald Futschek 5. November 2012

Die Programmiersprache Java. Dr. Wolfgang Süß Thorsten Schlachter

Sachwortverzeichnis

Gforth EC auf dem NXT Brick

Von Windows-Forms zu WPF mit Expression Blend? Thomas Müller conplement AG Nürnberg

<Insert Picture Here> Schnelle Anwendungen mit Oracle Application Express

Technologische Entwicklung von GIS und Internet der letzten Jahre

Software Engineering. Zur Architektur der Applikation Data Repository. Franz-Josef Elmer, Universität Basel, HS 2015

Online-Publishing mit HTML und CSS für Einsteigerinnen

Digital Art Design. für Wissenschaftler und Künstler

Datenvisualisierung ohne Grenzen?

OWASP Stammtisch München Sep 2014 XSS und andere Sicherheitslücken aus der Perspektive des Programmcodes

Cross-Platform Apps mit HTML5/JS/CSS/PhoneGap

Zwischenvortrag zum Entwicklungsstand der Bachelor-Arbeit. Direct 3D-Output für ein Rendering Framework

Cesium. Virtueller 3D Globus im Web. Elisabeth Leu, Camptocamp SA Emmanuel Belo, Camptocamp SA

OpenGL. (Open Graphic Library)

Einführung Internettechnologien. - Clientseitige Programmierung -

FileMaker Technologie im Alltag

Devoxx4KidsDE in Karlsruhe - Einblicke und Erfahrungen

Die Technologie der Mumie

Das vorliegende Skript ist aktualisiert für die Processing Version 1.1 von März 2010.

ECLIPSE PLUG-IN. Redwood Anwendertage 2015

Datenhaltung für Android Model First Christian Ingenhaag, Frederik Götz, Carl Steeg

. Sage-Einsatz in der Lehre. Open Source Mathematik-Software. Jochen Schulz. Georg-August Universität Göttingen 1/15

DCCS Lotusphere Nachlese 2012 Was sind XPages? Mobile Features für XPages

Modulhandbuch für das BA Kombinationsfach Angewandte Informatik Multimedia

Embedded Computing Conference 2014 Embedded UI Qt5

Service Coding Crash Course

Oracle APEX 3.2. Peter Raganitsch. Einführung und neue Features

Präsentation Von Laura Baake und Janina Schwemer

Anleitung zum Arbeiten mit Microsoft Visual Studio 2008 im Softwarepraktikum ET/IT

Emphatisches Beleuchten

Eclipse Plugins für die komfortablere Verwendung von ibatis SQLMaps

PHP Kurs Online Kurs Analysten Programmierer Web PHP

Albert HAYR Linux, IT and Open Source Expert and Solution Architect. Open Source professionell einsetzen

Verbesserung des Prototyping Prozesses von Infotainment Systemen mit der Hilfe von Adobe Flash und Flex

Proseminar: Website-Managment-System. NetObjects Fusion. von Christoph Feller

JavaScript kinderleicht!

Integration von 3D-Visualisierungstechniken in 2D-Grafiksystemen

Entwicklung von Lernpfaden, insbesondere auf Wiki-Basis. Maria Eirich (Petra Bader)

Apps entwickeln mit HTML und Javascript

Versionskontrolle mit Subversion

Einführung in die Programmiersprache Python

Programmierung für Mathematik (HS13)

Metadaten I: XMP & Co

SCRIBUS WORKSHOP Handout Gimp

Javadoc. Programmiermethodik. Eva Zangerle Universität Innsbruck

Projektthema: Modul Programmiersprachen (Java)

Cross-Platform Mobile mit.net

Computer Graphik I Intro

2D22 Prinzipien der Softwareentwicklung. Prinzipien der Softwareentwicklung S. Strahringer 1

Predictive Modeling Markup Language. Thomas Morandell

Computergrafik und Animation 1: Sound mit Java2. Von Marco Kraus & Omar El'Dakhloul

Bildquelle:

Diana Lange. Generative Gestaltung Installation von Processing

Inhalt. Teil I: Der Sprachkern von JavaScript

Erstellung eines Frameworks für Shop Systeme im Internet auf Basis von Java

Browserbasiertes, kollaboratives Whiteboard

Grundlagen von Python

AsTeRICS Framework Flexible Unterstützungstechnik

Visualisierung in Natur- und Technikwissenschaften. 0. Einführung. Vorlesung: Mi, 11:15 12:45 + Fr, 9:15 10:45, INF Prof. Dr.

Windows 7: Neue Funktionen im praktischen Einsatz - Die neue Taskleiste nutzen

Die perfekte Online-Hilfe auf Basis von HTML5 und Open-Source- Komponenten. Jochen Marczinzik , tekom Führjahrstagung

VBA-Programmierung WS 2008/09

Universität Zürich Informatikdienste. SpamAssassin. Spam Assassin Go Koordinatorenmeeting 27. April

Die offizielle Homepage, Informationen, Entwicklergemeinde, etc. findet man unter

Vorkurs Informatik WiSe 15/16

Web-basierte Benutzerschnittstellen für Embedded Systeme: Eine Benutzerschnittstelle drei Sichtweisen

Computeria Solothurn

Architektur von Game-Engines

SAP NetWeaver Gateway. 2013

Projekte 2010 /2011. Was bisher geschah (Rückblick 2010) Was uns aktuell beschäftigt (Entwicklungen, strategisch) Weitere (kleinere) Projekte Ausblick

Vom Smart Dust zum Smart Phone: Verfügbare SensingPlattformen. Adrian Friedli

AJAX und Ruby on Rails

DB Transformation und Migration

CREATIVE PROGRAMMING TOOLKITS

Was ist ein Web Service?

C# im Vergleich zu Java

Selbst ist die Frau / der Mann: eine eigene Homepage erstellen!

Was ist SVG? Inhalt: Allgemeines zu SVG Besondere Merkmale Vor- und Nachteile Dateiformat Standardobjekte Koordinatensystem Beispiele Links

Netzwerk Technologien in LabVIEW

Open Office Impress. PHBern Institut Sekundarstufe 1 Studienfach Informatik. Unterlagen zum Praktikum Anwenderprogramme. Inhalt

Professionelle Seminare im Bereich MS-Office

Inhaltsverzeichnis. Getting Started with TRM416/816 System Beispiel: TRM816 Open Frame mit RFID an COM2

Webapplikation aus dem MISTRA Bereich

0. Einführung. C und C++ (CPP)

5. Programmierschnittstellen für XML

Betreuung. Teilnehmer

Clemens Gull. Joomlal-Extensions. mit PHP entwickeln. Mit 322 Abbildungen

Schüler-E-Tutorial für mobile Endgeräte. Ein Folgeprojekt des Netzwerks Informationskompetenz Berlin/Brandenburg mit der HdM

Technische Hintergründe des Web 2.0. Praxisprojekt Du bist das Netz! Web 2.0 Morten Strüwe, Florian Brachten

Wo steht HTML5 Überblick, Möglichkeiten, Zukunft (ohne Anspruch auf Vollständigkeit)

Transkript:

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

Ausgangspunkt: Rauminformation

Was steckt dahinter?

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)

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,

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 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?