Your SlideShare is downloading. ×
Next Generation Media - Wolter
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Next Generation Media - Wolter

159
views

Published on

Slides from Sascha Wolter talk @ codemotion roma 2014

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
159
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Sascha Wolter | wolter.biz Pervasive Computing, Rich Applications and Mobile Apps in all flavors Next Generation Media Image source: Big Bang Theory
  • 2. NEXT GENERATION MEDIA Be smart Sascha Wolter | wolter.biz Image source: Back to the Future
  • 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. Interactive System Sascha Wolter | wolter.biz Users Application Software Operating System Software Hardware System Network System Image source: bahn.de
  • 5. Mobility: Smart Phones • 1996: Nokia 9000 Communicator First Smart Phone • 2007: Apple iPhone Sascha Wolter | wolter.biz Image source: Nokia and Apple
  • 6. Sascha Wolter | wolter.biz Source: Nokia
  • 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. Hardware matters! Sascha Wolter | http://www.wolter.biz
  • 9. Augmented Reality and 3D Sascha Wolter | wolter.biz Source: Microsoft Research
  • 10. Embedded Devices/Ubiquitous Computing Sascha Wolter | wolter.biz • On Device Programming • Remote Controlling
  • 11. Pervasive Computing Sascha Wolter | wolter.biz Design-Student Robin Southgate (http://en.wikipedia.org/wiki/Toaster#cite_ref-11), 2001
  • 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. Smart Home • RWE: http://www.youtube.com/rwesmarthome Sascha Wolter | wolter.biz Sascha Wolter | wolter.biz
  • 14. Interaction Sascha Wolter | wolter.biz CLI GUI NUI
  • 15. Sensors Sascha Wolter | wolter.biz [9]
  • 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. Multitouch Sascha Wolter | wolter.biz Image sources: Microsoft Disney Appmates 2011 Thinking out of the Box
  • 18. Tangible and Tactile Interfaces Sascha Wolter | wolter.biz Sources: http://senseg.com/ and http://cnet.com/
  • 19. Body (gesture) and facial expression (mood) Sascha Wolter | wolter.biz
  • 20. Natural? Sascha Wolter | wolter.biz
  • 21. Natural? Sascha Wolter | wolter.biz Quelle: http://www.ncbi.nlm.nih.gov/pmc/articles/PMC2779203/pdf/zpq20664.pdf
  • 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. Chances and Responsibility Sascha Wolter | wolter.biz Source: htp://www.eyewriter.org
  • 24. Emotion and Mind Sascha Wolter | wolter.biz Image source: Mindflex
  • 25. Emotion and Mind • Brain-Controlled Wheelchair Sascha Wolter | wolter.biz Image source: http://www.instructables.com/member/jerkey/
  • 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. Gulf between Human and Machine Sascha Wolter | wolter.biz User and Goals Physical System (World)
  • 28. Gulf of Evaluation (Interface Feedback) Sascha Wolter | wolter.biz Source: http://www.youtube.com/watch?v=JZge0Avr8ZU
  • 29. Source: Big Bang Theory Internet and Interaction Sascha Wolter | wolter.biz
  • 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. DIY Be smart Sascha Wolter | wolter.biz
  • 32. Sascha Wolter | wolter.biz
  • 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. Different Approaches: Windows 8 Sascha Wolter | wolter.biz
  • 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. Which Approach to choose? Sascha Wolter | http://www.wolter.biz Image source: Back to the Future
  • 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. 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. 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. 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. 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. Main Subject: Concepts and Workflow Sascha Wolter | http://www.wolter.biz Image source: http://www.flickr.com/photos/kjarrett/294448729/
  • 43. Separation of Concerns Sascha Wolter | wolter.biz Andy Warhol Monroe Style • Styling • Skinning • Templating • Design vs Code • Visual vs Logic
  • 44. Pattern Sascha Wolter | wolter.biz Image source: http://geekswithblogs.net/dlussier/archive/2009/11/21/136454.aspx
  • 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. 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. RAPID PROTOTYPING Be smart Sascha Wolter | wolter.biz Image source: http://www.ghielectronics.com/catalog/product/297
  • 48. Rapid and Prototyping • Prototype • Prototyping • Rapid Application Development • Rapid Prototyping Sascha Wolter | wolter.biz Bildquelle: Victor Bezrukov
  • 49. Embedded Devices Sascha Wolter | wolter.biz
  • 50. Embedded Devices • Automotive Sector (NDA) • Domestic appliances (NDA) • Siemens • SieMatic • … Sascha Wolter | wolter.biz Image sources: Auto News
  • 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