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. IDEAS. LOVE. TECHNOLOGY. » Communication beyond browser «

  2. Beyond the Browser » beyond the web «

  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
  4. Mobile applications

  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
  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
  7. Wecker motiviert zur Städtereise Quelle: http://www.anywake.com/ academy I beyond browser

    I deepblue 2012 I
  8. Interaktives Spielzeug für jedes Alter Quelle: http://www.cowlyowl.com/makego academy I beyond

    browser I deepblue 2012 I
  9. Square card reader Quelle: https://squareup.com/ academy I beyond browser I

    deepblue 2012 I
  10. Multiscreen

  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
  12. Multiscreen patterns Quelle: precious design studio (http://precious-forever.com/2011/05/26/patterns-for-multiscreen-strategies/) academy I beyond

    browser I deepblue 2012 I
  13. Dropbox Service Quelle: http://www.dropbox.com/tour academy I beyond browser I deepblue

    2012 I
  14. Adobe Edge Tools Quelle: http://html.adobe.com/edge/inspect/ academy I beyond browser I

    deepblue 2012 I
  15. GOAB. Ein TV Experience Konzept. Quelle: http://lab.syzygy.de/de academy I beyond

    browser I deepblue 2012 I
  16. Heineken: Real-time football app Quelle: http://www.akqa.com/work/heineken/star-player academy I beyond browser

    I deepblue 2012 I
  17. Interactive installations

  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
  19. The V Motion Project Quelle: http://www.v.co.nz/the-motion-project/ academy I beyond browser

    I deepblue 2012 I
  20. All eyes on you Quelle: http://www.britzpetermann.com/portfolio/schau academy I beyond browser

    I deepblue 2012 I
  21. NikeFuel Station academy I beyond browser I deepblue 2012 I

    Quelle: http://www.onformative.com/work/nike-fuel-station/
  22. Physical computing » Tinkering «

  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
  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)
  25. Botanicalls: Your Begonia Is Texting You academy I beyond browser

    I deepblue 2012 I Quelle: http://www.botanicalls.com/
  26. Verkaufsautomat für digitale Güter academy I beyond browser I deepblue

    2012 I Quelle: http://emergingexperiences.com/2012/06/digitalgum/
  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
  28. Internet of things » ubiquitous computing «

  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
  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/
  31. Den Haushalt mit dem Smartphone steuern academy I beyond browser

    I deepblue 2012 I Quelle: http://www.belkin.com/us/wemo/wemo-switch
  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
  33. User generated products » 3D-Printing «

  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
  35. Make & share your products with 3D printing academy I

    beyond browser I deepblue 2012 I Quelle: http://www.shapeways.com/
  36. Makerbot: Replicator 2 (Desktop 3D printer) academy I beyond browser

    I deepblue 2012 I Quelle: http://store.makerbot.com/replicator2.html
  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
  38. Information visualization » Zusammenhänge aufbereiten «

  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
  40. Selbstversuch: Internetaktivität (m)eines Tages academy I beyond browser I deepblue

    2012 I Quelle: http://www.weave.de/code/dataviz0310
  41. CNN visualisiert Diskussion um Klimarettung academy I beyond browser I

    deepblue 2012 I Quelle: http://cnn-ecosphere.com
  42. Visualizing Deletion Discussions on Wikipedia academy I beyond browser I

    deepblue 2012 I Quelle: http://notabilia.net/ via http://moritz.stefaner.eu/
  43. Make your checkins useful: WeePlaces academy I beyond browser I

    deepblue 2012 I Quelle: http://www.weeplaces.com
  44. Generative Design » creative coding «

  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
  46. Durch Text generierte Grafik academy I beyond browser I deepblue

    2012 I http://decoded-conference.de/2011/generator.php
  47. Evolving Logo (am Bsp. Max-Planck-Institut) academy I beyond browser I

    deepblue 2012 I Quelle: http://www.interaktivegestaltung.net/?p=69
  48. Actelion Imagery Wizard academy I beyond browser I deepblue 2012

    I Quelle: http://www.weeplaces.com
  49. Diskussion. Fragen? Antworten!

  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