d3.js – Data Driven Documents

http://bl.ocks.org/1405439

Die JavaScript Bibliothek d3.js ist spezialisiert auf das Manipulieren von Web-Dokumenten mit Daten. Die Daten können beliebig sein, sie müssen aber in einem bestimmten Format vorliegen und erreichbar sein. Daten, die Drupal, OpenBeacon oder Arduino ausgibt, können mit d3 visualisiert werden.

• Anwendungsbeispiele
• Kurze Beschreibung mit weiterführenden Links auf d3js.org

D3 bindet Daten an HTML- und SVG-Elemente und ihre Eigenschaften. SVG ist eine Sprache, mit der 2D Grafiken im Web beschrieben werden. Ähnlich wie mit HTML die Struktur einer Website beschrieben wird. Die Dateiformate .xml .json .csv werden in Zusammenhang mit d3 häufig erwähnt. Das sind Austauschformate, die von vielen Anwendungen ausgegeben werden. 

d3 Tutorial von Scott Murray

d3 API Referenz

Arduino JSON Library

Mit diesem Online Editor können Grafiken gezeichnet und der entsprechende SVG-Code angezeigt werden. Hilft beim lernen der SVG Syntax.

Low-Budget-Whiteboard-Projector

Am Donnerstag (24.1.13) haben wir eine günstige und einfache Whiteboard-Lösung ausprobiert. Der Aufbau ist banal: Eine HD Wabcam filmt den Tisch von oben und der VLC Player (oder ein beliebiger anderer Mediaplayer wie Quicktime) zeigt das Wabcam-Bild im Vollbildmodus auf dem Beamer. Über den VLC ist es auch möglich das Video ins Netz zu streamen, so das Teilnehmer, die nicht anwesend sind, dem Gespräch folgen können (wenn sie z.B. über Skype zuhören).

Bedienung ist schon zu viel gesagt: Man muss nur schreiben können. Es wurde auch bemerkt, dass das Schreiben am Tisch viel angenehmer ist als stehend am Whiteboard. Dieses Wabcam-Whiteboard hat aber auch entscheidende Nachteile: Es ist nicht digital und lässt sich nur mit viel manuellem Aufwand digitalisieren (OCR, Handschrift- und Mustererkennung werde ich in einem anderen Post ansprechen). Außerdem ist das Geschriebene eine statische Zeichnung ohne multimediale Inhalte und ohne Möglichkeit sie nachträglich zu bearbeiten (kann auch ein Vorteil sein).

So „öffnet“ man eine Webcam im VLC Player (installierte Treiber vorausgesetzt) + Streaming

Raspberry Pi

By Jwrodgers (Own work) [CC-BY-SA-3.0 (http://creativecommons.org/licenses/by-sa/3.0)%5D, via Wikimedia Commons

Ein sehr kleiner und sehr günstiger Computer auf dem ein Linux-Bertriebssystem mit GUI installiert werden kann.

Mit ein wenig Geduld und Internet-Recherche kann auf dem Raspberry Pi ein Server installiert werden, der angeschlossene Aufnahmegeräte steamen kann.

• Raspberry Pi as a Webcam Server – YouTube
  
• Simple Stream VLC to Website

Notiz-Wand im Web – wallwisher.com

Screenshot: http://wallwisher.com

Einfache, gut gestaltete App, mit der man Multi-Media-Notizen auf einer Seite – der Wall – sammeln kann. Ein Tools, das man bei Gelegenheit auch im Cluster, als Präsentations- oder Diskussionshilfe ausprobieren könnte.

Die üblichen Anbindungen an die Social-Networks sind vorhanden, es wird sogar ein QR-Code generiert. Eine „Wall“ kann über iframe einfach in ein Blog eingebunden werden: (bei wordpress.com ist das posten von iframes nicht gestattet)

Wer seine Meinung zu diesem Tool los werden will, kann auf dieser Wall tun.

OwnCloud

Screenshot: owncloud.org

OwnCloud ist die freie Alternative zu Diensten wie Dropbox und Google-Drive. Die Sofrtware wird auf dem eigenen Server installiert und erlaubt es uns die Kontrolle über die Daten zu behalten. Wir können eigene statistische Analysen durchführen und Schnittstellen zu anderen Anwendungen nutzen. Auf der Website von OwnCloud steht in den Beschreibungen der Features treffend: “It is your data, do what you want with it.”

Der OwnCloud Blog und dieser Artikel auf golem.de lassen mich hoffen, dass einige Funktionen, die ich bei Google-Docs schätze, in einer ähnlichen Form auch bei OwnCloud zur Verfügung stehen werden. (Tabellenkalkulation direkt im Browser ist jedenfalls möglich) Vor allem das Kommentieren von hochgeladenen Bildern würde ich mir sehr wünschen.

WebRTC is a free, open project that enables web browsers with Real-Time Communications (RTC) capabilities via simple Javascript APIs. The WebRTC components have been optimized to best serve this purpose.

Our mission: To enable rich, high quality, RTC applications to be developed in the browser via simple Javascript APIs and HTML5.

Our current milestone: Continue adding functionality to the Chrome WebRTC implementation. On our list: TURN, Data Channels, Mobile.

The WebRTC initiative is a project supported by Google, Mozilla and Opera. This page is maintained by the Google Chrome team.

via webrtc.org

OpenBeacon

Bild: Milosch Meriac – http://www.openbeacon.org/

Das OpenBeacon Projekt wurde 2006 von der berliner Firma Bitmanufaktur GmbH gegründet mit dem Ziel eine freie active RFID Plattform bereitzustellen.

Milosch Meriac, einer der Gründer der Biltmanufaktur GmbH, hatte sich freundlicherweise bereit erklärt uns im Cluster am 8. Januar 2013 zu besuchen und sein Projekt kurz vorzustellen. Das Protokoll dieses Treffens findet ihr als Etherpad hier.

Das OpenBeacon System besteht aus fest montierten Basisstationenen und aus schlüßelanhänger-großen Tags. Die Basisstationen können festellen wie weit entfernt ein Tag sich befindet. Mit mehreren Basisstationen kann die Position eines Tags auf ca. drei Meter genau trianguliert werden. Bringt man die Tags auf 1,20 Meter zusammen, können sie sich gegenseitig erkennen.

Einige Anwendungsbeispiele findet man auf den Seiten des OpenBeacon Projekts:

• Live Social Semantics with OpenBeacon tags
• OpenBeacon visitor tracking video
• OpenBeacon RFID Tag Proximity Data – Live Demo

Seit letzter Woche sind wir stolze Besitzer von 4 Basisstationen (EasyReader) und 20 Tags. Das Experimentieren kann also losgehen.

photobooth.js

Mit der JavaScript Bibliothek photobooth.js ist es jetzt möglich ohne Flash auf die Webcam des Computers auf einer Website zu zureifen.

photobooth.js macht sich die Technologie WebRTC zu nutze, das für Web Realtime Communications steht und von Google, Mozilla und anderen entwickelt wird. WebRTC macht es möglich Geräte, die am Computer angeschlossen sind, über den Browser zu steuern.

Hier kann man sich diese Bibliothek runtelden und eine Live Demo ausprobieren. (Ihr werdet beim betreten der Seite gefragt, ob der Browser auf eure Webcam zugreifen darf)