Skip to main content

The SmartComposition Approach for Creating Environment-Aware Multi-screen Mashups

  • 263 Accesses

Part of the Communications in Computer and Information Science book series (CCIS,volume 696)


Mashups aim to enable non-experts to compose complex applications by combining various existing building blocks. The special case of user interface mashups is focusing on the composition of user interface components. In this paper, we present our SmartComposition approach as an UI mashup framework that supports local developers in creating environment-aware multi-screen mashups. We aim for simplicity and focus on the definition of mashup scenarios by only using HTML markup. Therefore, we facilitate Web Component technologies to build SmartComponents – the building blocks in our approach. For achieving environment-awareness, our approach integrates features of the Web of Things into mashups, such as controlling actors and accessing sensors. SmartComposition provides mashup composition by external communication configuration through markup. We additionally propose the distribution of mashup components and their communication across multiple screens using a messaging service utilizing WebSockets.


  • Mashup
  • User-interface mashup
  • Multi-screen mashup
  • Web Components
  • HTML5
  • Web of Things

This is a preview of subscription content, access via your institution.

Buying options

USD   29.95
Price excludes VAT (USA)
  • DOI: 10.1007/978-3-319-53174-8_3
  • Chapter length: 21 pages
  • Instant PDF download
  • Readable on all devices
  • Own it forever
  • Exclusive offer for individuals only
  • Tax calculation will be finalised during checkout
USD   59.99
Price excludes VAT (USA)
  • ISBN: 978-3-319-53174-8
  • Instant PDF download
  • Readable on all devices
  • Own it forever
  • Exclusive offer for individuals only
  • Tax calculation will be finalised during checkout
Softcover Book
USD   74.99
Price excludes VAT (USA)
Fig. 1.
Fig. 2.
Fig. 3.
Fig. 4.
Fig. 5.
Fig. 6.
Fig. 7.
Fig. 8.
Fig. 9.
Fig. 10.
Fig. 11.


  1. 1.

  2. 2.

  3. 3.

    Selectors Level 3

  4. 4.

    DOM Standard

  5. 5.


  6. 6.

    The WebSocket Protocol

  7. 7.

  8. 8.

  9. 9.

  10. 10.

  11. 11.

  12. 12.

  13. 13.

  14. 14.


  1. Chudnovskyy, O., Fischer, C., Gaedke, M., Pietschmann, S.: Inter-Widget Communication by Demonstration in User Interface Mashups. In: Daniel, F., Dolog, P., Li, Q. (eds.) ICWE 2013. LNCS, vol. 7977, pp. 502–505. Springer, Heidelberg (2013). doi:10.1007/978-3-642-39200-9_45

    CrossRef  Google Scholar 

  2. Daniel, F., Matera, M.: Mashups: Concepts Models and Architectures. Data-Centric Systems and Applications. Springer, Heidelberg (2014)

    CrossRef  Google Scholar 

  3. Daniel, F., Pautasso, C.: Rapid Mashup Development Tools: First International Rapid Mashup Challenge, RMC 2015, Rotterdam, The Netherlands, June 23, 2015. Revised Selected Papers. CCIS, Springer (2016)

    Google Scholar 

  4. Daniel, F., Soi, S., Casati, F.: From Mashup Technologies to Universal Integration: Search Computing the Imperative Way. In: Ceri, S., Brambilla, M. (eds.) Search Computing. LNCS, vol. 5950, pp. 72–93. Springer, Heidelberg (2010). doi:10.1007/978-3-642-12310-8_5

    CrossRef  Google Scholar 

  5. Guinard, D., Trifa, V.: Building the Web of Things: With examples in Node.js and Raspberry Pi. Manning Publications, Shelter Island, New York (2016)

    Google Scholar 

  6. Guinard, D., Trifa, V., Mattern, F., Wilde, E.: From the Internet of Things to the Web of Things: Resource-Oriented Architecture and Best Practices. In: Uckelmann, D., Harrison, M., Michahelles, F. (eds.) Architecting the Internet of Things, pp. 97–129. Springer, Heidelberg (2011). doi:10.1007/978-3-642-19157-2_5

    CrossRef  Google Scholar 

  7. Husmann, M., Nebeling, M., Norrie, M.C.: MultiMasher: A Visual Tool for Multi-Device Mashups. In: Sheng, Q.Z., Kjeldskov, J. (eds.) ICWE 2013. LNCS, vol. 8295, pp. 27–38. Springer, Heidelberg (2013). doi:10.1007/978-3-319-04244-2_4

    CrossRef  Google Scholar 

  8. Kopetz, H.: Internet of Things. Real-time Systems. Springer, Heidelberg (2011)

    CrossRef  Google Scholar 

  9. Kovachev, D., Renzel, D., Nicolaescu, P., Klamma, R.: DireWolf - Distributing and Migrating User Interfaces for Widget-Based Web Applications. In: Daniel, F., Dolog, P., Li, Q. (eds.) ICWE 2013. LNCS, vol. 7977, pp. 99–113. Springer, Heidelberg (2013). doi:10.1007/978-3-642-39200-9_10

    CrossRef  Google Scholar 

  10. Krug, M., Wiedemann, F., Gaedke, M.: SmartComposition: A Component-Based Approach For Creating Multi-Screen Mashups. In: Casteleyn, S., Rossi, G., Winckler, M. (eds.) ICWE 2014. LNCS, vol. 8541, pp. 236–253. Springer, Heidelberg (2014). doi:10.1007/978-3-319-08245-5_14

    Google Scholar 

  11. Krug, M., Wiedemann, F., Gaedke, M.: SmartComposition: Extending Web Applications to Multi-Screen Mashups. In: Daniel, F., Pautasso, C. (eds.) RMC 2015. CCIS, vol. 591, pp. 50–62. Springer, Heidelberg (2016). doi:10.1007/978-3-319-28727-0_4

    CrossRef  Google Scholar 

  12. Web Hypertext Application Technology Working Group (WHATWG): HTML Standard - The template element (2016).

  13. World Wide Web Consortium (W3C), Cáceres, M: Packaged Web Apps (Widgets) - Packaging and XML Configuration (2012).

  14. World Wide Web Consortium (W3C), Denicola, D: Custom Elements - W3C Working Draft (2016).

  15. World Wide Web Consortium (W3C), Glazkov, D., Morrita, H: HTML Imports - W3C Working Draft (2016).

  16. World Wide Web Consortium (W3C), Ito, H: Shadow DOM - W3C Working Draft (2016).

Download references

Author information

Authors and Affiliations


Corresponding author

Correspondence to Michael Krug .

Editor information

Editors and Affiliations

Rights and permissions

Reprints and Permissions

Copyright information

© 2017 Springer International Publishing AG

About this paper

Cite this paper

Krug, M., Wiedemann, F., Ast, M., Gaedke, M. (2017). The SmartComposition Approach for Creating Environment-Aware Multi-screen Mashups. In: Daniel, F., Gaedke, M. (eds) Rapid Mashup Development Tools. RMC 2016. Communications in Computer and Information Science, vol 696. Springer, Cham.

Download citation

  • DOI:

  • Published:

  • Publisher Name: Springer, Cham

  • Print ISBN: 978-3-319-53173-1

  • Online ISBN: 978-3-319-53174-8

  • eBook Packages: Computer ScienceComputer Science (R0)