0
Sascha Wolter | wolter.biz
Pervasive Computing, Rich Applications
and Mobile Apps in all flavors
Next Generation Media
Ima...
NEXT GENERATION MEDIA
Be smart
Sascha Wolter | wolter.biz
Image source: Back to the Future
Mobility and Ubiquitous Computing…
Ubiquitous
Computing
(Allgegenwärtig)
Pervasive
Computing
(Durchdringend)
Physical
Comp...
Interactive System
Sascha Wolter | wolter.biz
Users
Application Software
Operating System Software
Hardware System
Network...
Mobility: Smart Phones
• 1996: Nokia 9000 Communicator
First Smart Phone
• 2007: Apple iPhone
Sascha Wolter | wolter.biz
I...
Sascha Wolter | wolter.biz
Source: Nokia
Smart TV
Sascha Wolter | wolter.biz
Image sources: Philipps, Amazon
53% of sold devices are Smart-TVs in 2011 (Source: Dis...
Hardware matters!
Sascha Wolter | http://www.wolter.biz
Augmented Reality and 3D
Sascha Wolter | wolter.biz
Source: Microsoft Research
Embedded Devices/Ubiquitous Computing
Sascha Wolter | wolter.biz
• On Device Programming
• Remote Controlling
Pervasive Computing
Sascha Wolter | wolter.biz
Design-Student Robin Southgate
(http://en.wikipedia.org/wiki/Toaster#cite_r...
Ambient Intelligence
Next Generation Media will support
the user in a smart and connected
way at his work and in his every...
Smart Home
• RWE: http://www.youtube.com/rwesmarthome
Sascha Wolter | wolter.biz
Sascha Wolter | wolter.biz
Interaction
Sascha Wolter | wolter.biz
CLI GUI NUI
Sensors
Sascha Wolter | wolter.biz
[9]
Thinking out of the Box (Sensors)
Sascha Wolter | wolter.biz
Massive Attack Tour 2008: http://www.uva.co.uk/archives/84
Ma...
Multitouch
Sascha Wolter | wolter.biz
Image sources: Microsoft
Disney Appmates 2011
Thinking out of the Box
Tangible and Tactile Interfaces
Sascha Wolter | wolter.biz
Sources: http://senseg.com/ and http://cnet.com/
Body (gesture) and facial expression (mood)
Sascha Wolter | wolter.biz
Natural?
Sascha Wolter | wolter.biz
Natural?
Sascha Wolter | wolter.biz
Quelle: http://www.ncbi.nlm.nih.gov/pmc/articles/PMC2779203/pdf/zpq20664.pdf
Wearables
The EyeWriter
Free and open source software (Processing)
Low-cost hardware (Arduino, Webcam)
DIY for less than $...
Chances and Responsibility
Sascha Wolter | wolter.biz
Source: htp://www.eyewriter.org
Emotion and Mind
Sascha Wolter | wolter.biz
Image source: Mindflex
Emotion and Mind
• Brain-Controlled Wheelchair
Sascha Wolter | wolter.biz
Image source: http://www.instructables.com/membe...
Interaction and Usability
Sascha Wolter | wolter.biz
Image source: http://itnews.inews24.com/php/news_view.php?g_serial=47...
Gulf between Human and Machine
Sascha Wolter | wolter.biz
User and Goals
Physical System
(World)
Gulf of Evaluation (Interface Feedback)
Sascha Wolter | wolter.biz
Source: http://www.youtube.com/watch?v=JZge0Avr8ZU
Source: Big Bang Theory
Internet and Interaction
Sascha Wolter | wolter.biz
Prototyping
Experimental Model Communication Basis
Sascha Wolter | wolter.biz
Creativity
• Developing and Evaluating Ideas...
DIY
Be smart
Sascha Wolter | wolter.biz
Sascha Wolter | wolter.biz
Different Approaches
• Web App (via Browser)
• Hybrid (WebView)
– Phone Gap
• Cross-Compiler
– GWT (Java to JavaScript)
– ...
Different Approaches: Windows 8
Sascha Wolter | wolter.biz
Different Approaches: Windows 8
• Metro Design Language
is used in various devices
(Zune Player, Zune
Software, Windows Ph...
Which Approach to choose?
Sascha Wolter | http://www.wolter.biz
Image source: Back to the Future
Repetition and Fashion
Sascha Wolter | http://www.wolter.biz
Image sources: Warner Bros Entertainment Inc. and Miramax Fil...
Which Approach to choose?
Sascha Wolter | wolter.biz
http://www.tuio.org/HTTP Polling/TCP Sockets
• Abstraction, Layers an...
Multitier
Architecture
Sascha Wolter | wolter.biz
Presentation (HTML/CSS, XAML…)
Controller/Mediator
(optional)
Business/A...
About me
Sascha is a Craftsman for Pervasive
Computing, Rich Applications and
Mobile Apps in all flavors with focus
on the...
LEGO-based Design Process
1. Choose a problem: Build a LEGO ship.
2. Develop a vision: What sort of ship will it be? How b...
Main Subject: Concepts and Workflow
Sascha Wolter | http://www.wolter.biz
Image source: http://www.flickr.com/photos/kjarr...
Separation of Concerns
Sascha Wolter | wolter.biz
Andy Warhol Monroe Style
• Styling
• Skinning
• Templating
• Design vs C...
Pattern
Sascha Wolter | wolter.biz
Image source: http://geekswithblogs.net/dlussier/archive/2009/11/21/136454.aspx
All the same: Concepts like Lifecycle
Sascha Wolter | http://www.wolter.biz
onNavigatedTo-Method
Loaded-Event
onCreateView...
Practice
Sascha Wolter | wolter.biz
Bildquelle:: upload.wikimedia.org/wikipedia/commons/d/d3/Bundesarchiv_B_145_Bild-F0810...
RAPID PROTOTYPING
Be smart
Sascha Wolter | wolter.biz
Image source: http://www.ghielectronics.com/catalog/product/297
Rapid and Prototyping
• Prototype
• Prototyping
• Rapid Application Development
• Rapid Prototyping
Sascha Wolter | wolter...
Embedded Devices
Sascha Wolter | wolter.biz
Embedded Devices
• Automotive Sector (NDA)
• Domestic appliances (NDA)
• Siemens
• SieMatic
• …
Sascha Wolter | wolter.biz...
Thanks for Your Patience!
NEXT GENERATION MEDIA
Sascha Wolter | wolter.biz
Image source: http://commons.wikimedia.org/wiki...
Upcoming SlideShare
Loading in...5
×

Next Generation Media - Wolter

183

Published on

Slides from Sascha Wolter talk @ codemotion roma 2014

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
183
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Next Generation Media - Wolter"

  1. 1. Sascha Wolter | wolter.biz Pervasive Computing, Rich Applications and Mobile Apps in all flavors Next Generation Media Image source: Big Bang Theory
  2. 2. NEXT GENERATION MEDIA Be smart Sascha Wolter | wolter.biz Image source: Back to the Future
  3. 3. Mobility and Ubiquitous Computing… Ubiquitous Computing (Allgegenwärtig) Pervasive Computing (Durchdringend) Physical Computing (Sensorik und Kontrolle) Haptic Computing (Haptisch) Ambient Intelligence (Umgebungs- intelligenz) Everyware (Überall-Ware) Internet of Things (Internet der Dinge) Things that Think (Dinge die denken) Sascha Wolter | http://www.wolter.biz Mobile Computing (Mobilität)
  4. 4. Interactive System Sascha Wolter | wolter.biz Users Application Software Operating System Software Hardware System Network System Image source: bahn.de
  5. 5. Mobility: Smart Phones • 1996: Nokia 9000 Communicator First Smart Phone • 2007: Apple iPhone Sascha Wolter | wolter.biz Image source: Nokia and Apple
  6. 6. Sascha Wolter | wolter.biz Source: Nokia
  7. 7. Smart TV Sascha Wolter | wolter.biz Image sources: Philipps, Amazon 53% of sold devices are Smart-TVs in 2011 (Source: Display-Research) Tricorder?
  8. 8. Hardware matters! Sascha Wolter | http://www.wolter.biz
  9. 9. Augmented Reality and 3D Sascha Wolter | wolter.biz Source: Microsoft Research
  10. 10. Embedded Devices/Ubiquitous Computing Sascha Wolter | wolter.biz • On Device Programming • Remote Controlling
  11. 11. Pervasive Computing Sascha Wolter | wolter.biz Design-Student Robin Southgate (http://en.wikipedia.org/wiki/Toaster#cite_ref-11), 2001
  12. 12. Ambient Intelligence Next Generation Media will support the user in a smart and connected way at his work and in his everyday life without noticing. Sascha Wolter | wolter.biz Image source: http://mediacup.teco.edu/
  13. 13. Smart Home • RWE: http://www.youtube.com/rwesmarthome Sascha Wolter | wolter.biz Sascha Wolter | wolter.biz
  14. 14. Interaction Sascha Wolter | wolter.biz CLI GUI NUI
  15. 15. Sensors Sascha Wolter | wolter.biz [9]
  16. 16. Thinking out of the Box (Sensors) Sascha Wolter | wolter.biz Massive Attack Tour 2008: http://www.uva.co.uk/archives/84 Massive Attack Tour 2008
  17. 17. Multitouch Sascha Wolter | wolter.biz Image sources: Microsoft Disney Appmates 2011 Thinking out of the Box
  18. 18. Tangible and Tactile Interfaces Sascha Wolter | wolter.biz Sources: http://senseg.com/ and http://cnet.com/
  19. 19. Body (gesture) and facial expression (mood) Sascha Wolter | wolter.biz
  20. 20. Natural? Sascha Wolter | wolter.biz
  21. 21. Natural? Sascha Wolter | wolter.biz Quelle: http://www.ncbi.nlm.nih.gov/pmc/articles/PMC2779203/pdf/zpq20664.pdf
  22. 22. Wearables The EyeWriter Free and open source software (Processing) Low-cost hardware (Arduino, Webcam) DIY for less than $50 (plus Computer) Sascha Wolter | wolter.biz Source: htp://www.eyewriter.org
  23. 23. Chances and Responsibility Sascha Wolter | wolter.biz Source: htp://www.eyewriter.org
  24. 24. Emotion and Mind Sascha Wolter | wolter.biz Image source: Mindflex
  25. 25. Emotion and Mind • Brain-Controlled Wheelchair Sascha Wolter | wolter.biz Image source: http://www.instructables.com/member/jerkey/
  26. 26. Interaction and Usability Sascha Wolter | wolter.biz Image source: http://itnews.inews24.com/php/news_view.php?g_serial=474508&g_menu=022600 „masochists coffee pot“ by Jacques Carelman, 1969
  27. 27. Gulf between Human and Machine Sascha Wolter | wolter.biz User and Goals Physical System (World)
  28. 28. Gulf of Evaluation (Interface Feedback) Sascha Wolter | wolter.biz Source: http://www.youtube.com/watch?v=JZge0Avr8ZU
  29. 29. Source: Big Bang Theory Internet and Interaction Sascha Wolter | wolter.biz
  30. 30. Prototyping Experimental Model Communication Basis Sascha Wolter | wolter.biz Creativity • Developing and Evaluating Ideas Conception • Prototype for Specifying Requirements Creation • Prototype as Basis for Implementation Image source: BMW
  31. 31. DIY Be smart Sascha Wolter | wolter.biz
  32. 32. Sascha Wolter | wolter.biz
  33. 33. Different Approaches • Web App (via Browser) • Hybrid (WebView) – Phone Gap • Cross-Compiler – GWT (Java to JavaScript) – Script# (C# to JavaScript) • Cross-Platform runtime – Adobe Flash/AIR – Mono • Native App – Sandbox/System access Sascha Wolter | http://www.wolter.biz Image source: http://developer.android.com/guide/webapps/index.html
  34. 34. Different Approaches: Windows 8 Sascha Wolter | wolter.biz
  35. 35. Different Approaches: Windows 8 • Metro Design Language is used in various devices (Zune Player, Zune Software, Windows Phone, Xbox, Windows 8) • Modern Design - Bauhaus • International Typographic Style – Swiss Design • Motion Design - Cinematography • Metro style design • Fast and fluid • Snap and scale beautifully • Use the right contracts • Invest in a great Tile • Feel connected & alive • Roam to the cloud • Embrace Metro principles Sascha Wolter | wolter.biz
  36. 36. Which Approach to choose? Sascha Wolter | http://www.wolter.biz Image source: Back to the Future
  37. 37. Repetition and Fashion Sascha Wolter | http://www.wolter.biz Image sources: Warner Bros Entertainment Inc. and Miramax Film Corp. HTML 1 (1991) LiveScript/JavaScript (1995) HTML 5 JavaScript 2 (2012 still in progress)
  38. 38. Which Approach to choose? Sascha Wolter | wolter.biz http://www.tuio.org/HTTP Polling/TCP Sockets • Abstraction, Layers and Tiers • Serialization, Sockets and Bridges • Separation of Communication and Data
  39. 39. Multitier Architecture Sascha Wolter | wolter.biz Presentation (HTML/CSS, XAML…) Controller/Mediator (optional) Business/Application logic (Modells and Commands) Data access (Services and Commands) Image source: Coffeefellow (Wikimedia Commons)
  40. 40. About me Sascha is a Craftsman for Pervasive Computing, Rich Applications and Mobile Apps in all flavors with focus on the Microsoft .Net Continuum (incl. Silverlight and Windows Phone 7), Adobe Flash Platform, JavaScript and HTML5. He also works as consultant, trainer and author on a freelance basis and contributes articles to a number of magazines. His books are best selling publications. He has been giving lectures at conferences like Flash on the Beach and Flashforward for several few years now. Sascha is also the founder of the leading German Adobe User Group flashforum.de with more than 100,000 members. Sascha Wolter | wolter.biz
  41. 41. LEGO-based Design Process 1. Choose a problem: Build a LEGO ship. 2. Develop a vision: What sort of ship will it be? How big will it be? What will it carry? 3. Build: Build the framework of the ship. 4. Fill in the details: Design and build the details of the ship, ramps, doors, etc. 5. Test: Drive the cars around the ship and sail the ship while exploring the house. 6. Refine: Take parts of the ship apart and make them better. 7. Learn: Take what you learned from building this ship and use it to build a better one next time. Image source: http://www.adobe.com/macromedia/events/john_gay/
  42. 42. Main Subject: Concepts and Workflow Sascha Wolter | http://www.wolter.biz Image source: http://www.flickr.com/photos/kjarrett/294448729/
  43. 43. Separation of Concerns Sascha Wolter | wolter.biz Andy Warhol Monroe Style • Styling • Skinning • Templating • Design vs Code • Visual vs Logic
  44. 44. Pattern Sascha Wolter | wolter.biz Image source: http://geekswithblogs.net/dlussier/archive/2009/11/21/136454.aspx
  45. 45. All the same: Concepts like Lifecycle Sascha Wolter | http://www.wolter.biz onNavigatedTo-Method Loaded-Event onCreateView-Method onStart-Method Ready-Event pagecreate-Event pageshow-Event creationComplete-Event show-Event (for instance View-Initialization)
  46. 46. Practice Sascha Wolter | wolter.biz Bildquelle:: upload.wikimedia.org/wikipedia/commons/d/d3/Bundesarchiv_B_145_Bild-F081098-0028%2C_Bad_Godesberg%2C_Altenbegegnungsst%C3%A4tte.jpg
  47. 47. RAPID PROTOTYPING Be smart Sascha Wolter | wolter.biz Image source: http://www.ghielectronics.com/catalog/product/297
  48. 48. Rapid and Prototyping • Prototype • Prototyping • Rapid Application Development • Rapid Prototyping Sascha Wolter | wolter.biz Bildquelle: Victor Bezrukov
  49. 49. Embedded Devices Sascha Wolter | wolter.biz
  50. 50. Embedded Devices • Automotive Sector (NDA) • Domestic appliances (NDA) • Siemens • SieMatic • … Sascha Wolter | wolter.biz Image sources: Auto News
  51. 51. Thanks for Your Patience! NEXT GENERATION MEDIA Sascha Wolter | wolter.biz Image source: http://commons.wikimedia.org/wiki/File:Campino_climbing.jpg?uselang=de
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×