SlideShare a Scribd company logo
1 of 47
Mul$touch	
  Lab	
  
Urbane	
  Ebenen	
  




                       Till	
  Nagel,	
  FH	
  Potsdam,	
  06/2012	
  
Überblick	
  


 • 	
  Lab	
  Einführung	
  
 • 	
  Code	
  Unterstützung	
  
 • 	
  Besprechung	
  
mæve	
  table	
  
Größen	
  und	
  Maße	
  des	
  mæve	
  Tisches	
  




                                                      34	
  ppi	
  
Maeve	
  Tisch	
  Übersicht	
  


 • 	
  Tisch	
  
 • 	
  Diagonalgröße:	
  64	
  Zoll	
  (163	
  cm)	
  
 • 	
  1920	
  x	
  1080	
  px	
  (Full	
  HD)	
  
 • 	
  34	
  ppi	
  


 • 	
  Objekt-­‐Tracking	
  mit	
  Markern	
  
 • 	
  MulTtouch	
  (eingeschränkt)	
  
 	
  
 	
  
Marker	
  „Fiducial“	
  




                      Größe:	
  5,3	
  cm	
  x	
  5,3	
  cm	
  
Surface	
  
MicrosoO	
  Surface	
  1.0	
  
Surface	
  Übersicht	
  


 • 	
  Tisch	
  
 • 	
  Diagonalgröße:	
  30	
  Zoll	
  (76	
  cm)	
  
 • 	
  1024	
  x	
  768	
  px	
  
 • 	
  55	
  ppi	
  
 • 	
  MulTtouch	
  
 • 	
  Objekt-­‐Tracking	
  mit	
  Markern	
  
Marker	
  „byte	
  tags“	
  




                        Größe:	
  1,9	
  cm	
  x	
  1,9	
  cm	
  
Cell	
  
Point	
  of	
  Informa$on,	
  FH	
  Potsdam,	
  2010	
  
Größen	
  und	
  Maße	
  der	
  Cell	
  




                                           48	
  ppi	
  
Cell	
  Übersicht	
  


 • 	
  Wand	
  oder	
  Tisch	
  
 • 	
  Diagonalgröße:	
  46	
  Zoll	
  (116	
  cm)	
  
 • 	
  1920	
  x	
  1080	
  px	
  (Full	
  HD)	
  
 • 	
  48	
  ppi	
  
 • 	
  MulTtouch	
  
 • 	
  Mehrere	
  Zellen	
  können	
  verbunden	
  werden	
  
Sony	
  Vaio	
  
Vaio	
  L	
  
Vaio	
  Übersicht	
  


 • 	
  Monitor	
  
 • 	
  Diagonalgröße:	
  24	
  Zoll	
  und	
  21	
  Zoll	
  
 • 	
  1920	
  x	
  1080	
  px	
  (Full	
  HD)	
  
 • 	
  92	
  ppi	
  
 • 	
  Zwei-­‐Finger-­‐MulTtouch	
  
TUIO	
  
Tracking-­‐SoOware:	
  Reac$vision	
  
TUIO	
  Protokoll	
  


 • 	
  Broadcast	
  via	
  UDP	
  
 • 	
  Basiert	
  auf	
  Open	
  Sound	
  Control	
  
 • 	
  Redundante	
  Nachrichten	
  


 • 	
  Verschiedene	
  ImplementaTonen	
  (nicht	
  nur	
  ReacTvision)	
  
Tracking-­‐SoOware	
  
TUIO	
  Simulator	
  
TUIO	
  Simulator	
  
TUIO	
  Simulator	
  


 • 	
  Simuliert	
  virtuellen	
  Tisch	
  mit	
  Tangibles	
  

 • 	
  Trackt	
  ID,	
  PosiTon	
  und	
  OrienTerung	
  der	
  virtuellen	
  
 	
  	
  	
  Finger	
  und	
  Objekte	
  

 • 	
  Daten	
  werden	
  über	
  Socket-­‐Verbindung	
  an	
  Client-­‐	
  
 	
  	
  	
  ApplikaTon	
  gesendet	
  

 • 	
  Sendet	
  TUIO	
  Nachrichten	
  
Tongseng	
  
Processing	
  
TUIO	
  Client	
  &	
  Beispiel	
  Code	
  
TUIO	
  Client	
  in	
  Processing	
  
Installa$on	
  


 • 	
  TUIO_Processing.zip	
  runterladen	
  und	
  entpacken	
  	
  	
  
 • 	
  In	
  <sketchbook	
  locaTon>/libraries	
  kopieren	
  
 • 	
  Processing	
  Sketch	
  erzeugen	
  
 • 	
  TUIO	
  Simulator	
  starten	
  
 • 	
  Testen	
  ...	
  
TUIO	
  Client	
  in	
  Processing	
  
TuioObject:	
  Methoden	
  und	
  Parameter	
  
Tuio	
  Events	
  
SimpleTest	
  
TUIO	
  Client	
  API	
  Dokumenta$on	
  


 Processing:	
  Einführung	
  und	
  Übersicht	
  
       	
  /reference/readme.html	
  
 	
  
 Processing	
  TUIO	
  Client	
  
          	
  hjp://www.tuio.org/?processing	
  
 	
  
 TUIO	
  API:	
  Detaillierte	
  DokumentaTon	
  mit	
  allen	
  Klassen	
  
          	
  hjp://www.tuio.org/?java	
  
          	
  	
  
Skalierung	
  
Beispiel:	
  VisualElementApp	
  
Unfolding	
  
Java	
  Bibliothek	
  für	
  interak$ve	
  Karten	
  
Unfolding	
     Map	
  library	
  for	
  Processing	
  
Unfolding	
     Map	
  library	
  for	
  Processing	
  
Unfolding	
     Map	
  library	
  for	
  Processing	
  
Unfolding	
  for	
  Mul$touch	
  
Emography,	
  FH	
  Potsdam,	
  2010	
       Disaster	
  Map,	
  FH	
  Potsdam	
  2009	
  




LiteraryMap,	
  FH	
  Potsdam,	
  2010	
               Muse,	
  FHP	
  &	
  KUL,	
  2010	
  
Danke	
  schön	
  


             Copyright	
  Till	
  Nagel,	
  FH	
  Potsdam,	
  06/2012	
  

More Related Content

Similar to Multitouch Lab Intro - Urbane Ebenen

Webinare in der Erwachsenenbildung
Webinare in der ErwachsenenbildungWebinare in der Erwachsenenbildung
Webinare in der Erwachsenenbildungdavidroethler
 
Online-Events organisieren und durchführen am Beispiel Adobe Connect
Online-Events organisieren und durchführen am Beispiel Adobe ConnectOnline-Events organisieren und durchführen am Beispiel Adobe Connect
Online-Events organisieren und durchführen am Beispiel Adobe Connecte-teaching.org
 
Dirty Little Snippets - SEO Campixx 2014 - Slides zum Vortrag
Dirty Little Snippets - SEO Campixx 2014 - Slides zum VortragDirty Little Snippets - SEO Campixx 2014 - Slides zum Vortrag
Dirty Little Snippets - SEO Campixx 2014 - Slides zum VortragMySEOSolution
 
Verteilte Versionskontrolle mit Git
Verteilte Versionskontrolle mit GitVerteilte Versionskontrolle mit Git
Verteilte Versionskontrolle mit GitJan Dittberner
 
Touch und Multitouch zwischen den Welten // ADC Frankenthal
Touch und Multitouch zwischen den Welten // ADC FrankenthalTouch und Multitouch zwischen den Welten // ADC Frankenthal
Touch und Multitouch zwischen den Welten // ADC FrankenthalHolger Wendel
 
Haems Senf live vom 23. Mai 2017
Haems Senf live vom 23. Mai 2017Haems Senf live vom 23. Mai 2017
Haems Senf live vom 23. Mai 2017Haeme Ulrich
 
Die nächste Generation von Werbelösungen am Point of Sale - Technik
Die nächste Generation von Werbelösungen am Point of Sale - TechnikDie nächste Generation von Werbelösungen am Point of Sale - Technik
Die nächste Generation von Werbelösungen am Point of Sale - TechnikKay Schönewerk
 
Drucktechnologien im vergleich
Drucktechnologien im vergleichDrucktechnologien im vergleich
Drucktechnologien im vergleichSappiHouston
 
RLFB Haßfurt: Tablet-PCs im Klassenzimmer
RLFB Haßfurt: Tablet-PCs im KlassenzimmerRLFB Haßfurt: Tablet-PCs im Klassenzimmer
RLFB Haßfurt: Tablet-PCs im KlassenzimmerJoerg Thelenberg
 
Hacken Sie schon - oder archivieren Sie noch? Der Kultur-Hackathon "Coding da...
Hacken Sie schon - oder archivieren Sie noch? Der Kultur-Hackathon "Coding da...Hacken Sie schon - oder archivieren Sie noch? Der Kultur-Hackathon "Coding da...
Hacken Sie schon - oder archivieren Sie noch? Der Kultur-Hackathon "Coding da...Joachim Kemper
 

Similar to Multitouch Lab Intro - Urbane Ebenen (12)

Webinare in der Erwachsenenbildung
Webinare in der ErwachsenenbildungWebinare in der Erwachsenenbildung
Webinare in der Erwachsenenbildung
 
Online-Events organisieren und durchführen am Beispiel Adobe Connect
Online-Events organisieren und durchführen am Beispiel Adobe ConnectOnline-Events organisieren und durchführen am Beispiel Adobe Connect
Online-Events organisieren und durchführen am Beispiel Adobe Connect
 
Dirty Little Snippets - SEO Campixx 2014 - Slides zum Vortrag
Dirty Little Snippets - SEO Campixx 2014 - Slides zum VortragDirty Little Snippets - SEO Campixx 2014 - Slides zum Vortrag
Dirty Little Snippets - SEO Campixx 2014 - Slides zum Vortrag
 
Verteilte Versionskontrolle mit Git
Verteilte Versionskontrolle mit GitVerteilte Versionskontrolle mit Git
Verteilte Versionskontrolle mit Git
 
Touch und Multitouch zwischen den Welten // ADC Frankenthal
Touch und Multitouch zwischen den Welten // ADC FrankenthalTouch und Multitouch zwischen den Welten // ADC Frankenthal
Touch und Multitouch zwischen den Welten // ADC Frankenthal
 
Haems Senf live vom 23. Mai 2017
Haems Senf live vom 23. Mai 2017Haems Senf live vom 23. Mai 2017
Haems Senf live vom 23. Mai 2017
 
XPages Full HD
XPages Full HDXPages Full HD
XPages Full HD
 
openHAB @ rheinJUG Düsseldorf
openHAB @ rheinJUG DüsseldorfopenHAB @ rheinJUG Düsseldorf
openHAB @ rheinJUG Düsseldorf
 
Die nächste Generation von Werbelösungen am Point of Sale - Technik
Die nächste Generation von Werbelösungen am Point of Sale - TechnikDie nächste Generation von Werbelösungen am Point of Sale - Technik
Die nächste Generation von Werbelösungen am Point of Sale - Technik
 
Drucktechnologien im vergleich
Drucktechnologien im vergleichDrucktechnologien im vergleich
Drucktechnologien im vergleich
 
RLFB Haßfurt: Tablet-PCs im Klassenzimmer
RLFB Haßfurt: Tablet-PCs im KlassenzimmerRLFB Haßfurt: Tablet-PCs im Klassenzimmer
RLFB Haßfurt: Tablet-PCs im Klassenzimmer
 
Hacken Sie schon - oder archivieren Sie noch? Der Kultur-Hackathon "Coding da...
Hacken Sie schon - oder archivieren Sie noch? Der Kultur-Hackathon "Coding da...Hacken Sie schon - oder archivieren Sie noch? Der Kultur-Hackathon "Coding da...
Hacken Sie schon - oder archivieren Sie noch? Der Kultur-Hackathon "Coding da...
 

More from Till Nagel

Visually analyzing urban mobility - Results and insights from three student r...
Visually analyzing urban mobility - Results and insights from three student r...Visually analyzing urban mobility - Results and insights from three student r...
Visually analyzing urban mobility - Results and insights from three student r...Till Nagel
 
GeoVisualisierung in der Lehre - Wie forschendes Lernen zu funktionalen Proto...
GeoVisualisierung in der Lehre - Wie forschendes Lernen zu funktionalen Proto...GeoVisualisierung in der Lehre - Wie forschendes Lernen zu funktionalen Proto...
GeoVisualisierung in der Lehre - Wie forschendes Lernen zu funktionalen Proto...Till Nagel
 
Unfolding Spatial Data
Unfolding Spatial DataUnfolding Spatial Data
Unfolding Spatial DataTill Nagel
 
Human-Data Interaction
Human-Data InteractionHuman-Data Interaction
Human-Data InteractionTill Nagel
 
Einführung in die Datenvisualisierung - Workshop
Einführung in die Datenvisualisierung - WorkshopEinführung in die Datenvisualisierung - Workshop
Einführung in die Datenvisualisierung - WorkshopTill Nagel
 
Inszenierte Analyse - Von attraktiver Visualisierung zu tieferem Verständnis
Inszenierte Analyse - Von attraktiver Visualisierung zu tieferem VerständnisInszenierte Analyse - Von attraktiver Visualisierung zu tieferem Verständnis
Inszenierte Analyse - Von attraktiver Visualisierung zu tieferem VerständnisTill Nagel
 
cf. city flows - A comparative visualization of bike sharing systems
cf. city flows - A comparative visualization of bike sharing systemscf. city flows - A comparative visualization of bike sharing systems
cf. city flows - A comparative visualization of bike sharing systemsTill Nagel
 
Meandering - On the design process of visualizations
Meandering - On the design process of visualizationsMeandering - On the design process of visualizations
Meandering - On the design process of visualizationsTill Nagel
 
Unfolding the City - Urban Mobility Visualizations
Unfolding the City - Urban Mobility VisualizationsUnfolding the City - Urban Mobility Visualizations
Unfolding the City - Urban Mobility VisualizationsTill Nagel
 
Touching Transport - A Case Study on Visualizing Metropolitan Public Transit ...
Touching Transport - A Case Study on Visualizing Metropolitan Public Transit ...Touching Transport - A Case Study on Visualizing Metropolitan Public Transit ...
Touching Transport - A Case Study on Visualizing Metropolitan Public Transit ...Till Nagel
 
Unfolding the City
Unfolding the CityUnfolding the City
Unfolding the CityTill Nagel
 
Unfolding - Workshop at RCA
Unfolding - Workshop at RCAUnfolding - Workshop at RCA
Unfolding - Workshop at RCATill Nagel
 
Unfolding - A Library for Interactive Maps and Geovisualizations
Unfolding - A Library for Interactive Maps and GeovisualizationsUnfolding - A Library for Interactive Maps and Geovisualizations
Unfolding - A Library for Interactive Maps and GeovisualizationsTill Nagel
 
Unfolding - A Simple Library for Interactive Maps and Geovisualizations in Pr...
Unfolding - A Simple Library for Interactive Maps and Geovisualizations in Pr...Unfolding - A Simple Library for Interactive Maps and Geovisualizations in Pr...
Unfolding - A Simple Library for Interactive Maps and Geovisualizations in Pr...Till Nagel
 
Sankey Arcs - Visualizing edge weights in path graphs
Sankey Arcs - Visualizing edge weights in path graphsSankey Arcs - Visualizing edge weights in path graphs
Sankey Arcs - Visualizing edge weights in path graphsTill Nagel
 
Interactive Exploration of Geospatial Network Visualization
Interactive Exploration of Geospatial Network Visualization Interactive Exploration of Geospatial Network Visualization
Interactive Exploration of Geospatial Network Visualization Till Nagel
 
Live Singapore - Interaktive Visualisierungen urbaner Daten
Live Singapore - Interaktive Visualisierungen urbaner DatenLive Singapore - Interaktive Visualisierungen urbaner Daten
Live Singapore - Interaktive Visualisierungen urbaner DatenTill Nagel
 
Unfolding Library for Interactive Maps
Unfolding Library for Interactive MapsUnfolding Library for Interactive Maps
Unfolding Library for Interactive MapsTill Nagel
 
GeoVis - More than Zoom and Pan
GeoVis - More than Zoom and PanGeoVis - More than Zoom and Pan
GeoVis - More than Zoom and PanTill Nagel
 

More from Till Nagel (20)

Visually analyzing urban mobility - Results and insights from three student r...
Visually analyzing urban mobility - Results and insights from three student r...Visually analyzing urban mobility - Results and insights from three student r...
Visually analyzing urban mobility - Results and insights from three student r...
 
GeoVisualisierung in der Lehre - Wie forschendes Lernen zu funktionalen Proto...
GeoVisualisierung in der Lehre - Wie forschendes Lernen zu funktionalen Proto...GeoVisualisierung in der Lehre - Wie forschendes Lernen zu funktionalen Proto...
GeoVisualisierung in der Lehre - Wie forschendes Lernen zu funktionalen Proto...
 
Unfolding Spatial Data
Unfolding Spatial DataUnfolding Spatial Data
Unfolding Spatial Data
 
Human-Data Interaction
Human-Data InteractionHuman-Data Interaction
Human-Data Interaction
 
Einführung in die Datenvisualisierung - Workshop
Einführung in die Datenvisualisierung - WorkshopEinführung in die Datenvisualisierung - Workshop
Einführung in die Datenvisualisierung - Workshop
 
Inszenierte Analyse - Von attraktiver Visualisierung zu tieferem Verständnis
Inszenierte Analyse - Von attraktiver Visualisierung zu tieferem VerständnisInszenierte Analyse - Von attraktiver Visualisierung zu tieferem Verständnis
Inszenierte Analyse - Von attraktiver Visualisierung zu tieferem Verständnis
 
cf. city flows - A comparative visualization of bike sharing systems
cf. city flows - A comparative visualization of bike sharing systemscf. city flows - A comparative visualization of bike sharing systems
cf. city flows - A comparative visualization of bike sharing systems
 
Meandering - On the design process of visualizations
Meandering - On the design process of visualizationsMeandering - On the design process of visualizations
Meandering - On the design process of visualizations
 
Unfolding the City - Urban Mobility Visualizations
Unfolding the City - Urban Mobility VisualizationsUnfolding the City - Urban Mobility Visualizations
Unfolding the City - Urban Mobility Visualizations
 
Touching Transport - A Case Study on Visualizing Metropolitan Public Transit ...
Touching Transport - A Case Study on Visualizing Metropolitan Public Transit ...Touching Transport - A Case Study on Visualizing Metropolitan Public Transit ...
Touching Transport - A Case Study on Visualizing Metropolitan Public Transit ...
 
Unfolding the City
Unfolding the CityUnfolding the City
Unfolding the City
 
Unfolding - Workshop at RCA
Unfolding - Workshop at RCAUnfolding - Workshop at RCA
Unfolding - Workshop at RCA
 
Unfolding - A Library for Interactive Maps and Geovisualizations
Unfolding - A Library for Interactive Maps and GeovisualizationsUnfolding - A Library for Interactive Maps and Geovisualizations
Unfolding - A Library for Interactive Maps and Geovisualizations
 
Unfolding - A Simple Library for Interactive Maps and Geovisualizations in Pr...
Unfolding - A Simple Library for Interactive Maps and Geovisualizations in Pr...Unfolding - A Simple Library for Interactive Maps and Geovisualizations in Pr...
Unfolding - A Simple Library for Interactive Maps and Geovisualizations in Pr...
 
mæve
mævemæve
mæve
 
Sankey Arcs - Visualizing edge weights in path graphs
Sankey Arcs - Visualizing edge weights in path graphsSankey Arcs - Visualizing edge weights in path graphs
Sankey Arcs - Visualizing edge weights in path graphs
 
Interactive Exploration of Geospatial Network Visualization
Interactive Exploration of Geospatial Network Visualization Interactive Exploration of Geospatial Network Visualization
Interactive Exploration of Geospatial Network Visualization
 
Live Singapore - Interaktive Visualisierungen urbaner Daten
Live Singapore - Interaktive Visualisierungen urbaner DatenLive Singapore - Interaktive Visualisierungen urbaner Daten
Live Singapore - Interaktive Visualisierungen urbaner Daten
 
Unfolding Library for Interactive Maps
Unfolding Library for Interactive MapsUnfolding Library for Interactive Maps
Unfolding Library for Interactive Maps
 
GeoVis - More than Zoom and Pan
GeoVis - More than Zoom and PanGeoVis - More than Zoom and Pan
GeoVis - More than Zoom and Pan
 

Multitouch Lab Intro - Urbane Ebenen