research-article

SmartComposition: Enhanced Web Components for a Better Future of Web Development

Authors:

Michael Krug,

Martin GaedkeAuthors Info & Claims

WWW '15 Companion: Proceedings of the 24th International Conference on World Wide Web

Pages 207 - 210

https://doi.org/10.1145/2740908.2742832

Published: 18 May 2015 Publication History

Get Access

Abstract

In this paper, we introduce the usage of enhanced Web Components to create web applications with multi-device capabilities by composition. By using the latest developments of the family of W3C standards called "Web Components" that we extent with dedicated communication and synchronization functionality, web developers are enabled to create web applications with ease. We enhance Web Components with an event-based communication channel, which is not limited to a single browser window. With our approach, applications using the extended SmartComponents and an additional synchronization service also support multi-device scenarios. In contrast to other widget-based approaches (W3C Widgets, OpenSocial containers), the usage of SmartComponents does not require a dedicated platform, like Apache Rave. SmartComponents are based on standard web technologies, are natively supported by recent web browsers and loosely coupled using our extension. This ensures a high level of reuse. We show how SmartComponents are structured, can be created and used. Furthermore, we explain how the communication aspect is integrated and multi-device communication is achieved. Finally, we describe our demonstration by outlining two example applications.

References

[1]

Dejan Kovachev, Dominik Renzel, Petru Nicolaescu, István Koren, and Ralf Klamma. 2014. Direwolf: a framework for widget-based distributed user interfaces. J. Web Eng. 13, 3--4 (July 2014), 203--222.

Digital Library

Google Scholar

[2]

Michael Krug, Fabian Wiedemann, and Martin Gaedke. 2014. Enhancing media enrichment by semantic extraction. In Proceedings of the companion publication of the 23rd international conference on World wide web companion (WWW Companion '14). International WWW Conferences Steering Committee, 111--114. DOI=10.1145/2567948.

Digital Library

Google Scholar

[3]

Michael Krug, Fabian Wiedemann, and Martin Gaedke. 2014. SmartComposition: A Component-Based Approach for Creating Multi-screen Mashups. In Web Engineering - Lecture Notes in Computer Science (ICWE'14), Springer International Publishing, 236--253. DOI=10.1007/978--3--319-08245--5_14.

Crossref

Google Scholar

[4]

Scott Wilson, Florian Daniel, Uwe Jugel, and Stefano Soi. 2011. Orchestrated User Interface Mashups Using W3C Widgets. In Proceedings of the 11th international conference on Current Trends in Web Engineering (ICWE'11), Springer-Verlag, Berlin, Heidelberg, 49--61. DOI=10.1007/978--3--642--27997--3_5.

Digital Library

Google Scholar

Cited By

View all

Anunphop PChongstitvatana P(2021)Web Components Template Generation from Web ScreenshotThe 12th International Conference on Advances in Information Technology10.1145/3468784.3468787(1-9)Online publication date: 20-Jul-2021
https://doi.org/10.1145/3468784.3468787
Haihong EZhang TSong M(2020)Design Method of Front-end Componentized Architecture for Big Data Visualization Large-screen2020 5th IEEE International Conference on Big Data Analytics (ICBDA)10.1109/ICBDA49040.2020.9101304(22-27)Online publication date: May-2020
https://doi.org/10.1109/ICBDA49040.2020.9101304

Index Terms

SmartComposition: Enhanced Web Components for a Better Future of Web Development
1. Software and its engineering

Recommendations

SmartComposition: bringing component-based software engineering to the web
iiWAS '15: Proceedings of the 17th International Conference on Information Integration and Web-based Applications & Services

Web application development lacks simple reuse of client-side components. In the last years, many component-like parts of web applications were provided as JavaScript libraries. However, those are mostly not self-contained, require cumbersome ...
AttributeLinking: Exploiting Attributes for Inter-component Communication
ICWE 2016 International Workshops on Current Trends in Web Engineering - Volume 9881

In this paper, we propose exploiting attributes of client-side web components to provide inter-component communication by external configuration. With the standardization of WebComponents, the Web is finally getting a uniform way to define and use ...
The Liquid.js Framework for Migrating and Cloning Stateful Web Components across Multiple Devices
WWW '16 Companion: Proceedings of the 25th International Conference Companion on World Wide Web

We are heading toward an era in which users own more than one single Web-enabled device. These devices range from smart phones, tablets and personal computers to smart Web-enabled devices found in houses and cars. The access mechanisms and usage ...

Comments

Information & Contributors

Information

Published In

WWW '15 Companion: Proceedings of the 24th International Conference on World Wide Web

May 2015

1602 pages

ISBN:9781450334730

DOI:10.1145/2740908

General Chairs:
Aldo Gangemi
National Research Council, Italy & Paris 13 University-CNRS, France
,
Stefano Leonardi
Sapienza University of Rome, Italy
,
Alessandro Panconesi
Sapienza University of Rome, Italy

In-Cooperation

SIGWEB: ACM Special Interest Group on Hypertext, Hypermedia, and Web

Publisher

Association for Computing Machinery

New York, NY, United States

Publication History

Published: 18 May 2015

Permissions

Request permissions for this article.

Request Permissions

Check for updates

Author Tags

Qualifiers

Research-article

Conference

WWW '15

Sponsor:

IW3C2

WWW '15: 24th International World Wide Web Conference

May 18 - 22, 2015

Florence, Italy

Acceptance Rates

Overall Acceptance Rate 1,899 of 8,196 submissions, 23%

Contributors

Other Metrics

View Article Metrics

Bibliometrics & Citations

Bibliometrics

Article Metrics

2
Total Citations
View Citations
290
Total Downloads

Downloads (Last 12 months)6
Downloads (Last 6 weeks)0

Reflects downloads up to 05 Mar 2025

Other Metrics

View Author Metrics

Citations

Cited By

View all

Anunphop PChongstitvatana P(2021)Web Components Template Generation from Web ScreenshotThe 12th International Conference on Advances in Information Technology10.1145/3468784.3468787(1-9)Online publication date: 20-Jul-2021
https://doi.org/10.1145/3468784.3468787
Haihong EZhang TSong M(2020)Design Method of Front-end Componentized Architecture for Big Data Visualization Large-screen2020 5th IEEE International Conference on Big Data Analytics (ICBDA)10.1109/ICBDA49040.2020.9101304(22-27)Online publication date: May-2020
https://doi.org/10.1109/ICBDA49040.2020.9101304

View Options

Login options

Check if you have access through your login credentials or your institution to get full access on this article.

Full Access

Get this Publication

View options

PDF

View or Download as a PDF file.

PDF

eReader

View online with eReader.

eReader

Abstract

References

Cited By

Index Terms

Recommendations

SmartComposition: bringing component-based software engineering to the web

AttributeLinking: Exploiting Attributes for Inter-component Communication

The Liquid.js Framework for Migrating and Cloning Stateful Web Components across Multiple Devices

Comments

Information

Published In

Sponsors

In-Cooperation

Publisher

Publication History

Permissions

Check for updates

Author Tags

Qualifiers

Conference

Acceptance Rates

Contributors

Other Metrics

Bibliometrics

Article Metrics

Other Metrics

Citations

Cited By

Login options

Full Access

View options

PDF

eReader

Share

Share this Publication link

Share on social media

Affiliations