Communication beyond the browser

C9bb952239ca0e05361bb10b2915cd39?s=47 Daniel Kränz
November 21, 2012

Communication beyond the browser

In the digital age a lot of (digital) products and services are intended to use in/with the browser or a smartphone. But there are a variety of fields and disciplines out there.

This deck is intended to inform and inspire collegues about other topics.

C9bb952239ca0e05361bb10b2915cd39?s=128

Daniel Kränz

November 21, 2012
Tweet

Transcript

  1. 3.

    academy I beyond browser I deepblue 2012 I • Mobile

    applications • Multiscreens • Interactive Installations • Physical computing (Tinkering) • Internet of things (Ubiquitous computing) • User generated products (3D-Printing) • Information visualization • Generative Design (Creative Coding) Themenüberblick
  2. 5.

    Smartphones sind portable Superhelden, die eine Vielzahl an Superkräften besitzen

    – z.T. weitaus mehr als Desktop-Computer. Mobile applications – Josh Clark & Karen McGrane academy I beyond browser I deepblue 2012 I
  3. 6.

    Cross-Plattform Entwicklung durch moderne Web Standards Native iOS Entwicklung mit

    Apples Xcode Native Entwicklung mit Googles Android SDK Cross-Plattform (Spiele-) Entwicklung mit Unity 3D Techniken zur Entwicklung (Beispiele) academy I beyond browser I deepblue 2012 I
  4. 11.

    Connected electronic devices (PCs, smartphones, TVs and other devices) can

    have a deep relationship that have huge impact on digital products and services. People can interacting in an ecosystem of screens. Multiscreen – ecosystem of screens – precious design studio academy I beyond browser I deepblue 2012 I
  5. 18.

    Eingabeschnittstellen, wie Tastatur, Maus, Touchscreen und Stylus werden durch Sprache,

    Gesten, Mimik oder Interaktion mit realen Objekten ergänzt, um Manipulationen (z. B. im GUI) vorzunehmen. Interactive installations academy I beyond browser I deepblue 2012 I
  6. 21.

    NikeFuel Station academy I beyond browser I deepblue 2012 I

    Quelle: http://www.onformative.com/work/nike-fuel-station/
  7. 23.

    Reusing existing technology is one of the best ways of

    tinkering. Getting cheap toys or old discarded equipment and hacking them to make them do something new is one of the best ways to get to great results. Beispiel-Tool: Arduino – Massimo Banzi, the co-founder of Arduino academy I beyond browser I deepblue 2012 I
  8. 24.

    Prototyp eines Drehmechanismus academy I beyond browser I deepblue 2012

    I Arduino-Board verbunden mit einem Servo-Motor und einem Drehpotenziometer (http://vimeo.com/15471125)
  9. 25.

    Botanicalls: Your Begonia Is Texting You academy I beyond browser

    I deepblue 2012 I Quelle: http://www.botanicalls.com/
  10. 26.

    Verkaufsautomat für digitale Güter academy I beyond browser I deepblue

    2012 I Quelle: http://emergingexperiences.com/2012/06/digitalgum/
  11. 27.

    My little piece of Privacy (by Niklas Roy) academy I

    beyond browser I deepblue 2012 I Quelle: http://www.niklasroy.com/project/88/my-little-piece-of-privacy
  12. 29.

    Interfaces verlieren zunehmend ihre wahrnehmbare Gestalt und verstecken sich in

    Alltagsgegenständen. Die Schnittstelle rückt damit näher an den Menschen heran. Internet of things academy I beyond browser I deepblue 2012 I
  13. 30.

    TshirtOS: T-Shirt vernetzt academy I beyond browser I deepblue 2012

    I Quelle: http://www.cutecircuit.com/tshirt-os-the-future-only-a-tweet-from-you/
  14. 31.

    Den Haushalt mit dem Smartphone steuern academy I beyond browser

    I deepblue 2012 I Quelle: http://www.belkin.com/us/wemo/wemo-switch
  15. 32.

    Verizon Wants Your Car on a Data Plan academy I

    beyond browser I deepblue 2012 I Quelle: http://www.readwriteweb.com/archives/connected_cars_at_ces.php
  16. 34.

    Ideen materialisieren: Bastler des 21. Jhd. konstruieren 3D-Modelle am Computer

    und lassen sie über 3D- Drucker Wirklichkeit werden. User generated products academy I beyond browser I deepblue 2012 I
  17. 35.

    Make & share your products with 3D printing academy I

    beyond browser I deepblue 2012 I Quelle: http://www.shapeways.com/
  18. 36.

    Makerbot: Replicator 2 (Desktop 3D printer) academy I beyond browser

    I deepblue 2012 I Quelle: http://store.makerbot.com/replicator2.html
  19. 37.

    Exoskelett aus dem 3D-Drucker academy I beyond browser I deepblue

    2012 I Quelle: http://www.stratasys.com/Resources/Case-Studies/Medical-FDM-Technology-Case-Studies/Nemours.aspx
  20. 39.

    (Interaktive) Datenvisualisierungen und Informationsgrafiken helfen Zusammenhänge zu verstehen, Daten miteinander

    zu vergleichen und fördern einen vereinfachten Einstieg in komplexe Themengebiete. Information visualization academy I beyond browser I deepblue 2012 I
  21. 40.
  22. 41.

    CNN visualisiert Diskussion um Klimarettung academy I beyond browser I

    deepblue 2012 I Quelle: http://cnn-ecosphere.com
  23. 42.

    Visualizing Deletion Discussions on Wikipedia academy I beyond browser I

    deepblue 2012 I Quelle: http://notabilia.net/ via http://moritz.stefaner.eu/
  24. 43.

    Make your checkins useful: WeePlaces academy I beyond browser I

    deepblue 2012 I Quelle: http://www.weeplaces.com
  25. 45.

    Processing – ein Tool jenseits klassischer Gestaltung. Der Einsatz von

    Programmiersprachen als Werkzeug von Kreativen erschafft eine eigene Ausdrucksform und individuelle Ästhetik. Beispiel-Tool: Processing academy I beyond browser I deepblue 2012 I
  26. 46.

    Durch Text generierte Grafik academy I beyond browser I deepblue

    2012 I http://decoded-conference.de/2011/generator.php
  27. 47.

    Evolving Logo (am Bsp. Max-Planck-Institut) academy I beyond browser I

    deepblue 2012 I Quelle: http://www.interaktivegestaltung.net/?p=69
  28. 50.

    Generative design & information visualization: http://interactivethings.com/ http://selection.datavisualization.ch/ http://www.onformative.com/work/ Internet of

    things & tinkering: http://www.creativeapplications.net/ http://cyberniklas.de/ http://processing.org/exhibition/ http://interactive-matter.eu/ http://yurisuzuki.com/ http://fab.fritzing.org/fritzing-fab Quellen & Inspirationen academy I beyond browser I deepblue 2012 I