Abstract
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.
This is a preview of subscription content, log in via an institution.
Buying options
Tax calculation will be finalised at checkout
Purchases are for personal use only
Learn about institutional subscriptionsNotes
- 1.
- 2.
- 3.
Selectors Level 3 https://www.w3.org/TR/selectors/.
- 4.
DOM Standard https://dom.spec.whatwg.org/#mutation-observers.
- 5.
Node.js https://nodejs.org/.
- 6.
The WebSocket Protocol http://tools.ietf.org/html/rfc6455.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
References
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
Daniel, F., Matera, M.: Mashups: Concepts Models and Architectures. Data-Centric Systems and Applications. Springer, Heidelberg (2014)
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)
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
Guinard, D., Trifa, V.: Building the Web of Things: With examples in Node.js and Raspberry Pi. Manning Publications, Shelter Island, New York (2016)
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
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
Kopetz, H.: Internet of Things. Real-time Systems. Springer, Heidelberg (2011)
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
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
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
Web Hypertext Application Technology Working Group (WHATWG): HTML Standard - The template element (2016). https://html.spec.whatwg.org/multipage/scripting.html#the-template-element
World Wide Web Consortium (W3C), Cáceres, M: Packaged Web Apps (Widgets) - Packaging and XML Configuration (2012). https://www.w3.org/TR/widgets/
World Wide Web Consortium (W3C), Denicola, D: Custom Elements - W3C Working Draft (2016). https://www.w3.org/TR/custom-elements/
World Wide Web Consortium (W3C), Glazkov, D., Morrita, H: HTML Imports - W3C Working Draft (2016). https://www.w3.org/TR/html-imports/
World Wide Web Consortium (W3C), Ito, H: Shadow DOM - W3C Working Draft (2016). https://www.w3.org/TR/shadow-dom/
Author information
Authors and Affiliations
Corresponding author
Editor information
Editors and Affiliations
Rights 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. https://doi.org/10.1007/978-3-319-53174-8_3
Download citation
DOI: https://doi.org/10.1007/978-3-319-53174-8_3
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)