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.

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