Synchronizing Application State Using Virtual DOM Trees

Voutilainen, Jari-Pekka; Mikkonen, Tommi; Systä, Kari

doi:10.1007/978-3-319-46963-8_12

Cited by 13 publications

(3 citation statements)

References 14 publications

Supporting

Mentioning

Contrasting

Order By: Relevance

“…Liquid software [22], also known as cross-device experience roaming [23], is a concept where software can dynamically flow between different computers, basically allowing execution of code and associated user experiences to be transferred dynamically and seamlessly from one computational element to another. While the majority of the work associated with liquid software has focused on the UI layer (e.g., [24][25][26]), the concept is applicable to any situation in which software can be dynamically redeployed and adapted to take full advantage of the storage and computational resources provided by different devices that are shared by one or multiple collaborating users.…”

Section: Towards Seamless Device-edge-cloud Continuummentioning

confidence: 99%

Towards Seamless IoT Device-Edge-Cloud Continuum:

Taivalsaari

Mikkonen

Pautasso

2021

Communications in Computer and Information Science

Self Cite

View full text Add to dashboard Cite

In this paper we revisit a taxonomy of client-side IoT software architectures that we presented a few years ago. We note that the emergence of inexpensive AI/ML hardware and new communication technologies are broadening the architectural options for IoT devices even further. These options can have a significant impact on the overall end-to-end architecture and topology of IoT systems, e.g., in determining how much computation can be performed on the edge of the network. We study the implications of the IoT device architecture choices in light of the new observations, as well as make some new predictions about future directions. Additionally, we make a case for isomorphic IoT systems in which development complexity is alleviated with consistent use of technologies across the entire stack, providing a seamless continuum from edge devices all the way to the cloud.

show abstract

Section: Towards Seamless Device-edge-cloud Continuummentioning

confidence: 99%

Towards Seamless IoT Device-Edge-Cloud Continuum:

Taivalsaari

Mikkonen

Pautasso

2021

Communications in Computer and Information Science

Self Cite

View full text Add to dashboard Cite

show abstract

“…In addition, their approach to expose closure variable lets any code to reach the closure variables, which is not desirable since the variables are secured on purpose. Voutilainen et al suggested Liquid Application Framework , which analyzes the state changes on the DOM during the runtime and saves the difference between the initial state and the current state using a technique named Virtual DOM . Their work can efficiently serialize a web app's state, but their work is mostly focused on the DOM tree.…”

Section: Related Workmentioning

confidence: 99%

Lightweight migration for web applications with framework separation

2017

View full text Add to dashboard Cite

Web applications (apps) are programs created by web technologies such as HTML, CSS, and JavaScript. Web apps can be executed on any platform that supports a web browser. Such portability allows an interesting user experience called app migration, which can save an app's execution state to a file called snapshot, transmit it to another device, and continue the execution using the snapshot. However, existing approaches save all the states of the current app, regardless of its relevance to an app's state, making the snapshot size and snapshot creation time infeasibly large. For example, web apps are often programmed using web frameworks such as jQuery, which are libraries written in JavaScript to support app developments. We found that most objects created by frameworks during their initialization are not relevant to an app's state. Hence, one idea to reduce the snapshot size is not saving those framework objects in the snapshot but creating them after migration via re-initialization. Unfortunately, this is not always straightforward since the framework objects are intermingled with the app objects in the heap, possibly pointing to each other. To resolve this, we separated app objects that are attached to framework objects by monitoring app's execution and saved them to the snapshot. This paper proposes such a framework separated migration technique, with optimization to reduce the overhead, especially related to monitoring app's execution. With our approach, we could reduce the snapshot size by 89.1% on average and shorten the migration time by 47.6%, increasing the feasibility of app migration.

show abstract

“…In essence, building liquid web applications needs two facilities, (i) ability to relocate code freely across different computing environments; and (ii) ability to synchronize the state of the application across all devices running the code. In our previous work, we have used the DOM [26] and Web Components with Polymer [7] as the underlying technology. However, both technologies are closely tied to the browser, and target at the UI layer of web applications.…”

Section: Introductionmentioning

confidence: 99%

WebAssembly Modules as Lightweight Containers for Liquid IoT Applications

Mäkitalo

Mikkonen

Pautasso

et al. 2021

Lecture Notes in Computer Science

Self Cite

View full text Add to dashboard Cite

Going all the way to IoT with web technologies opens up the door to isomorphic IoT system architectures, which deliver flexible deployment and live migration of code between any device in the overall system. In this vision paper, we propose using WebAssembly to implement lightweight containers and deliver the required portability. Our long-term vision is to use the technology to support developers of liquid IoT applications offering seamless, hassle-free use of multiple devices.

show abstract

Synchronizing Application State Using Virtual DOM Trees

Cited by 13 publications

References 14 publications

Towards Seamless IoT Device-Edge-Cloud Continuum:

Towards Seamless IoT Device-Edge-Cloud Continuum:

Lightweight migration for web applications with framework separation

WebAssembly Modules as Lightweight Containers for Liquid IoT Applications

Contact Info

Product

Resources

About