Abstract
Interactive applications are powerful tools for data exploration, visualization and collaboration. Applications featuring viewports are particularly expressive, offering controls for altering perspective by scrolling, panning, zooming or tilting a view. Still, interactivity is inherently live and manual, and often limited to a single interface. We propose to model interactivity as a data source. This way, interactivity may be transmitted from one interface to another, or broadcasted to a distributed audience. Interactivity could also be created or edited by AI-based algorithms, recorded from manual input, stored and made available for on demand playback, or shared in real-time in a multi-view setup or among collaborators in a group. To facilitate such opportunities, we propose State Trajectory, a unifying concept for local and online interactivity. State trajectories extend regular program variables with a temporal dimension and provide built-in support for persistence, real-time sharing, time-consistent recording and playback, and gradual transitions. A concept implementation demonstrates that state trajectories encapsulate significant complexity, yet with a low performance overhead. Using trajectories, support for real-time collaboration and time-shifted replays could be added to a 3’rd party map framework, with minimal modifications to the existing code base.
This research is funded in part by the Research Council of Norway, grant number 323302 (STIPINST) and grant number 309339 (MediaFutures).
Access this chapter
Tax calculation will be finalised at checkout
Purchases are for personal use only
Similar content being viewed by others
References
Abramov, D.: Live react: Hot reloading with time travel (2015). https://www.youtube.com/watch?v=xsSnOQynTHs
Abramov, D.: Redux. A predictable state container for JS apps (2015). https://redux.js.org
Arntzen, I.M.: Timingsrc. Multi-device timing for Web (2015). https://webtiming.github.io/timingsrc
Arntzen, I.M., Borch, N.T.: Data-independent sequencing with the timing object: a JavaScript sequencer for single-device and multi-device Web media. In: Proceedings of the 7th International Conference on Multimedia Systems, pp. 1–10 (2016)
Arntzen, I.M., Borch, N.T., Daoust, F.: Media synchronization on the web. In: Montagud, M., Cesar, P., Boronat, F., Jansen, J. (eds.) MediaSync, pp. 475–504. Springer, Cham (2018). https://doi.org/10.1007/978-3-319-65840-7_17
Arntzen, I.M., Borch, N.T., Needham, C.P.: The media state vector: a unifying concept for multi-device media navigation. In: Proceedings of the 5th Workshop on Mobile Video, pp. 61–66 (2013)
Arntzen, I.M., Daoust, F., Borch, N.T.: Timing object; draft community group report (2015). http://webtiming.github.io/timingobject
Unreal engine (1998). https://www.unrealengine.com
React. A JavaScript library for building user interfaces (2013). https://reactjs.org
Google analytics (2005). https://analytics.google.com
Angular. The modern Web developer’s platform (2016). https://angular.io
Hotjar. Website heatmaps & behavior analytics tools (2014). https://www.hotjar.com
IETF. The Web socket protocol (2011). https://www.rfc-editor.org/rfc/rfc6455
Leiva, L.A., Huang, J.: Building a better mousetrap: compressing mouse cursor activity for Web analytics. Inf. Process. Manag. 51(2), 114–129 (2015)
Lowet, D., Goergen, D.: Co-browsing dynamic Web pages. In: Proceedings of the 18th International Conference on World Wide Web, pp. 941–950 (2009)
Lucky orange (2010). https://www.luckyorange.com
Miro online collaborative whiteboard platform (2011). https://miro.com
Motion Corporation (2013). http://motioncorporation.com
Mouseflow. Behavior analytics for optimal Website UX (2009). https://mouseflow.com
Node.js is an open-source, cross-platform JavaScript runtime environment (2015). https://nodejs.org
Openlayers. A high-performance, feature-packed library for all your mapping needs (2006). https://openlayers.org
Seifried, T., Rendl, C., Haller, M., Scott, S.: Regional undo/redo techniques for large interactive surfaces. In: Proceedings of the SIGCHI Conference on Human Factors in Computing Systems, pp. 2855–2864 (2012)
Smartlook (2016). https://www.smartlook.com
Unity real-time development platform (2005). https://unity.com
Michel Weststrate. MobX state management framework (2015). https://mobx.js.org
Author information
Authors and Affiliations
Corresponding author
Editor information
Editors and Affiliations
Rights and permissions
Copyright information
© 2023 The Author(s), under exclusive license to Springer Nature Switzerland AG
About this paper
Cite this paper
Arntzen, I.M., Borch, N.T., Andersen, A. (2023). State Trajectory. In: Arai, K. (eds) Proceedings of the Future Technologies Conference (FTC) 2023, Volume 2. FTC 2023. Lecture Notes in Networks and Systems, vol 814. Springer, Cham. https://doi.org/10.1007/978-3-031-47451-4_1
Download citation
DOI: https://doi.org/10.1007/978-3-031-47451-4_1
Published:
Publisher Name: Springer, Cham
Print ISBN: 978-3-031-47450-7
Online ISBN: 978-3-031-47451-4
eBook Packages: Intelligent Technologies and RoboticsIntelligent Technologies and Robotics (R0)