The DireWolf Inside You: End User Development for Heterogeneous Web of Things Appliances

IstvanKoren
IstvanKorenResearch Assistant at RWTH Aachen University
Lehrstuhl Informatik 5
(Information Systems)
Prof. Dr. Matthias Jarke
1
Learning
Layers
This slide deck is licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License.
The DireWolf Inside You: End User
Development for Heterogeneous
Web of Things Appliances
István Koren, Ralf Klamma
Advanced Community Information Systems (ACIS)
RWTH Aachen University, Germany
koren@dbis.rwth-aachen.de
16th International Conference on Web Engineering
(ICWE2016)
6-9 June 2016
USI Lugano, Switzerland
Lehrstuhl Informatik 5
(Information Systems)
Prof. Dr. Matthias Jarke
2
Learning
Layers
It‘s a Brave New World…
 Are you afraid of losing control over your smart home?
 Why do you push bytes around the globe to turn on the
light?
 What do you think about installing a particular app for
every new task?
 How to let end users securely deal with the huge
number of everyday Internet of Things devices?
 How to economically build individual apps for a
heterogeneous device landscape?
…
Lehrstuhl Informatik 5
(Information Systems)
Prof. Dr. Matthias Jarke
3
Learning
Layers
Web Infrastructure Vision
 Microservices running
in a p2p environment
 Web protocols
– HTTP
– XMPP
– MQTT
 Componentized,
dynamic Web frontends
 End User Development
Lehrstuhl Informatik 5
(Information Systems)
Prof. Dr. Matthias Jarke
4
Learning
Layers
ICWE
2013:
DireWolf
JWE 2014:
DireWolf
1.1
ICWE 2014:
DireWolf 2.0
• WebRTC
• Cross-device
Mario
ICWE 2015:
Collaboration
• Yjs
• Collaborative
Video Drawing
ICWE
2016:
DireWolf
3.0.0
The DireWolf Framework
@ ICWE
Lehrstuhl Informatik 5
(Information Systems)
Prof. Dr. Matthias Jarke
5
Learning
Layers
DireWolf for the Web of Things
 Devices broadcast their own UI and access logic
– QR codes, NFC or Bluetooth Low Energy
 Device access over Web Bluetooth, MQTT, …
 Session mobility for sharing UI across devices
Lehrstuhl Informatik 5
(Information Systems)
Prof. Dr. Matthias Jarke
6
Learning
Layers
DireWolf 3.0.0
System Overview
Lehrstuhl Informatik 5
(Information Systems)
Prof. Dr. Matthias Jarke
7
Learning
Layers
Conclusion
 Web frontends for heterogeneous everyday devices
– End User Development: autonomous composition of IoT
applications with Web Components
– local data flows
 Interdisciplinary challenges
– HCI related: multiple devices, different input modalities
– economical: companies feel the urge to provide UIs to a
wide variety of end user devices
Lehrstuhl Informatik 5
(Information Systems)
Prof. Dr. Matthias Jarke
8
Learning
Layers
Acknowledgments
This project has received funding from the European
Union’s Seventh Framework Programme for research,
technological development and demonstration under grant
agreement no 318209.
Lehrstuhl Informatik 5
(Information Systems)
Prof. Dr. Matthias Jarke
9
Learning
Layers
fin
 Thank you for your attention!
Do you have any questions?
koren@dbis.rwth-aachen.de
@istinhere
+IstvanKoren
slideshare.net/istvankoren
http://dbis.rwth-aachen.de/cms/research/ACIS
1 of 9

Recommended

The BBC micro:bit - discover your inner maker! by
The BBC micro:bit - discover your inner maker!The BBC micro:bit - discover your inner maker!
The BBC micro:bit - discover your inner maker!IstvanKoren
1.2K views7 slides
Community Learning Analytics – A New Research Field in TEL by
Community Learning Analytics – A New Research Field in TELCommunity Learning Analytics – A New Research Field in TEL
Community Learning Analytics – A New Research Field in TELRalf Klamma
5K views39 slides
DireWolf - Distributing and Migrating User Interfaces for Widget-based Web Ap... by
DireWolf - Distributing and Migrating User Interfaces for Widget-based Web Ap...DireWolf - Distributing and Migrating User Interfaces for Widget-based Web Ap...
DireWolf - Distributing and Migrating User Interfaces for Widget-based Web Ap...Dejan Kovachev
4.6K views13 slides
A Link Generator for Increasing the Utility of OpenAPI-to-GraphQL Translations by
A Link Generator for Increasing the Utility of OpenAPI-to-GraphQL TranslationsA Link Generator for Increasing the Utility of OpenAPI-to-GraphQL Translations
A Link Generator for Increasing the Utility of OpenAPI-to-GraphQL TranslationsIstvanKoren
156 views20 slides
Immersive Community Analytics for Wearable Enhanced Learning (HCI Internation... by
Immersive Community Analytics for Wearable Enhanced Learning (HCI Internation...Immersive Community Analytics for Wearable Enhanced Learning (HCI Internation...
Immersive Community Analytics for Wearable Enhanced Learning (HCI Internation...IstvanKoren
284 views10 slides
Augmented Reality Lernkontexte - Eine Europäische Perspektive by
Augmented Reality Lernkontexte - Eine Europäische PerspektiveAugmented Reality Lernkontexte - Eine Europäische Perspektive
Augmented Reality Lernkontexte - Eine Europäische PerspektiveIstvanKoren
99 views14 slides

More Related Content

More from IstvanKoren

Smart Ambient Learning with Physical Artifacts Using Wearable Technologies - ... by
Smart Ambient Learning with Physical Artifacts Using Wearable Technologies - ...Smart Ambient Learning with Physical Artifacts Using Wearable Technologies - ...
Smart Ambient Learning with Physical Artifacts Using Wearable Technologies - ...IstvanKoren
714 views16 slides
Requirements Bazaar - Meet your Users on the Web by
Requirements Bazaar - Meet your Users on the WebRequirements Bazaar - Meet your Users on the Web
Requirements Bazaar - Meet your Users on the WebIstvanKoren
907 views5 slides
Unpacking the Layers Box by
Unpacking the Layers BoxUnpacking the Layers Box
Unpacking the Layers BoxIstvanKoren
2.8K views9 slides
Layers box agder docker by
Layers box agder dockerLayers box agder docker
Layers box agder dockerIstvanKoren
1K views6 slides
Requirements Bazaar powered by AngularJS and Polymer - Talk at Google Develop... by
Requirements Bazaar powered by AngularJS and Polymer - Talk at Google Develop...Requirements Bazaar powered by AngularJS and Polymer - Talk at Google Develop...
Requirements Bazaar powered by AngularJS and Polymer - Talk at Google Develop...IstvanKoren
1.8K views17 slides
Requirements Bazaar FOSDEM 2015 Lightning Talk by
Requirements Bazaar FOSDEM 2015 Lightning TalkRequirements Bazaar FOSDEM 2015 Lightning Talk
Requirements Bazaar FOSDEM 2015 Lightning TalkIstvanKoren
1K views9 slides

More from IstvanKoren(9)

Smart Ambient Learning with Physical Artifacts Using Wearable Technologies - ... by IstvanKoren
Smart Ambient Learning with Physical Artifacts Using Wearable Technologies - ...Smart Ambient Learning with Physical Artifacts Using Wearable Technologies - ...
Smart Ambient Learning with Physical Artifacts Using Wearable Technologies - ...
IstvanKoren714 views
Requirements Bazaar - Meet your Users on the Web by IstvanKoren
Requirements Bazaar - Meet your Users on the WebRequirements Bazaar - Meet your Users on the Web
Requirements Bazaar - Meet your Users on the Web
IstvanKoren907 views
Unpacking the Layers Box by IstvanKoren
Unpacking the Layers BoxUnpacking the Layers Box
Unpacking the Layers Box
IstvanKoren2.8K views
Layers box agder docker by IstvanKoren
Layers box agder dockerLayers box agder docker
Layers box agder docker
IstvanKoren1K views
Requirements Bazaar powered by AngularJS and Polymer - Talk at Google Develop... by IstvanKoren
Requirements Bazaar powered by AngularJS and Polymer - Talk at Google Develop...Requirements Bazaar powered by AngularJS and Polymer - Talk at Google Develop...
Requirements Bazaar powered by AngularJS and Polymer - Talk at Google Develop...
IstvanKoren1.8K views
Requirements Bazaar FOSDEM 2015 Lightning Talk by IstvanKoren
Requirements Bazaar FOSDEM 2015 Lightning TalkRequirements Bazaar FOSDEM 2015 Lightning Talk
Requirements Bazaar FOSDEM 2015 Lightning Talk
IstvanKoren1K views
DireWolf Goes Pack Hunting: A Peer-to-Peer Approach for Secure Low Latency Wi... by IstvanKoren
DireWolf Goes Pack Hunting: A Peer-to-Peer Approach for Secure Low Latency Wi...DireWolf Goes Pack Hunting: A Peer-to-Peer Approach for Secure Low Latency Wi...
DireWolf Goes Pack Hunting: A Peer-to-Peer Approach for Secure Low Latency Wi...
IstvanKoren2K views
Shared Editing on the Web: A Classification of Developer Support Frameworks by IstvanKoren
Shared Editing on the Web: A Classification of Developer Support FrameworksShared Editing on the Web: A Classification of Developer Support Frameworks
Shared Editing on the Web: A Classification of Developer Support Frameworks
IstvanKoren1.8K views
Informatik-Kolloquium XMPP by IstvanKoren
Informatik-Kolloquium XMPPInformatik-Kolloquium XMPP
Informatik-Kolloquium XMPP
IstvanKoren4.8K views

The DireWolf Inside You: End User Development for Heterogeneous Web of Things Appliances

  • 1. Lehrstuhl Informatik 5 (Information Systems) Prof. Dr. Matthias Jarke 1 Learning Layers This slide deck is licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License. The DireWolf Inside You: End User Development for Heterogeneous Web of Things Appliances István Koren, Ralf Klamma Advanced Community Information Systems (ACIS) RWTH Aachen University, Germany koren@dbis.rwth-aachen.de 16th International Conference on Web Engineering (ICWE2016) 6-9 June 2016 USI Lugano, Switzerland
  • 2. Lehrstuhl Informatik 5 (Information Systems) Prof. Dr. Matthias Jarke 2 Learning Layers It‘s a Brave New World…  Are you afraid of losing control over your smart home?  Why do you push bytes around the globe to turn on the light?  What do you think about installing a particular app for every new task?  How to let end users securely deal with the huge number of everyday Internet of Things devices?  How to economically build individual apps for a heterogeneous device landscape? …
  • 3. Lehrstuhl Informatik 5 (Information Systems) Prof. Dr. Matthias Jarke 3 Learning Layers Web Infrastructure Vision  Microservices running in a p2p environment  Web protocols – HTTP – XMPP – MQTT  Componentized, dynamic Web frontends  End User Development
  • 4. Lehrstuhl Informatik 5 (Information Systems) Prof. Dr. Matthias Jarke 4 Learning Layers ICWE 2013: DireWolf JWE 2014: DireWolf 1.1 ICWE 2014: DireWolf 2.0 • WebRTC • Cross-device Mario ICWE 2015: Collaboration • Yjs • Collaborative Video Drawing ICWE 2016: DireWolf 3.0.0 The DireWolf Framework @ ICWE
  • 5. Lehrstuhl Informatik 5 (Information Systems) Prof. Dr. Matthias Jarke 5 Learning Layers DireWolf for the Web of Things  Devices broadcast their own UI and access logic – QR codes, NFC or Bluetooth Low Energy  Device access over Web Bluetooth, MQTT, …  Session mobility for sharing UI across devices
  • 6. Lehrstuhl Informatik 5 (Information Systems) Prof. Dr. Matthias Jarke 6 Learning Layers DireWolf 3.0.0 System Overview
  • 7. Lehrstuhl Informatik 5 (Information Systems) Prof. Dr. Matthias Jarke 7 Learning Layers Conclusion  Web frontends for heterogeneous everyday devices – End User Development: autonomous composition of IoT applications with Web Components – local data flows  Interdisciplinary challenges – HCI related: multiple devices, different input modalities – economical: companies feel the urge to provide UIs to a wide variety of end user devices
  • 8. Lehrstuhl Informatik 5 (Information Systems) Prof. Dr. Matthias Jarke 8 Learning Layers Acknowledgments This project has received funding from the European Union’s Seventh Framework Programme for research, technological development and demonstration under grant agreement no 318209.
  • 9. Lehrstuhl Informatik 5 (Information Systems) Prof. Dr. Matthias Jarke 9 Learning Layers fin  Thank you for your attention! Do you have any questions? koren@dbis.rwth-aachen.de @istinhere +IstvanKoren slideshare.net/istvankoren http://dbis.rwth-aachen.de/cms/research/ACIS