ABSTRACT
We present Panelrama, a web-based framework for the construction of applications using distributed user interfaces (DUIs). Our implementation provides developers with low migration costs through built-in mechanisms for the synchronization of a UI state, requiring minimal changes to existing languages. Additionally, we describe a solution to categorize device characteristics and dynamically change UI allocation to best-fit devices. We illustrate the use of Panelrama through three sample applications which demonstrate its support for known interaction methods, we also present the results of a developer study, which validates our belief that cross-device application experiences can be easily implemented using our framework.
Supplemental Material
- Arthur, R., and Olsen, D. (2011). XICE windowing toolkit: Seamless display annexation. ACM Trans. Comput.-Hum. Interact. ACM Press, 18, 3, Article 14, 46 pages. Google ScholarDigital Library
- Asus Fonepad. http://www.asus.com/Tablets_Mobile/ASUS_Fonepad/Google Scholar
- Calvary, G., et al. (2003) A unifying reference framework for multi-target UI. Interact. Comput. 15, 3, 289--308.Google ScholarCross Ref
- Chen, N., Guimbretiere, F., and Sellen, A. (2012). Designing a multi-slate reading environment to support active reading activities. ACM Trans. CHI. 19, 3, A. 18. Google ScholarDigital Library
- Clarke, S., and Becker, C. Using the Cognitive Dimensions Framework to evaluate the usability of a class library In Proc. Joint Conf. EASE & PPIG 2003, (2003), 359--366.Google Scholar
- Demeure, A., Calvary, G., Sottet, J., and Vanderdonkt, J. A reference model for distributed user interfaces. In Proc. TAMODIA 2005, ACM Press (2005), 79--86. Google ScholarDigital Library
- Elmqvist, N. Distributed User Interfaces: State of the Art. In Proc. DUI 2011. ACM Press (2011), 7--13.Google Scholar
- Farooq, U. et al. (2010) API usability peer reviews: a method for evaluating the usability of application programming interfaces. CHI 2010. 2327--2336. Google ScholarDigital Library
- Forlines, C., Esenther, A., et al. (2006). Multi-user, multi-display interaction with a single-user, single-display geospatial application. UIST '06. 273--276. Google ScholarDigital Library
- Gajos, K., and Weld, D. S. (2005). Preference elicitation for interface optimization. UIST '05. 173--182. Google ScholarDigital Library
- Gajos, K., and Weld, D. S. (2004). SUPPLE: automatically generating user interfaces. IUI 2004, ACM Press, 93--100. Google ScholarDigital Library
- Ghiani, G., Paternò, F., and Santoro, C. (2010). On-demand cross-device interface components migration. MobileHCI 2010, 299--308. Google ScholarDigital Library
- Ghiani, G., Paternò, F., and Santoro, C. Push and pull of web user interfaces in multi-device environments. In Proc. AVI 2012. ACM Press (2012), 10--17. Google ScholarDigital Library
- Gjerlufsen, T. et al. Shared substance: developing flexible multi-surface applications. In CHI 2011. ACM Press (2011), 3383--3392. Google ScholarDigital Library
- Glpk.js. http://hgourvest.github.com/glpk.js/Google Scholar
- Han, R., Perret, V., and Naghshineh, M. WebSplitter: a unified XML framework for multi-device collaborative Web browsing. In Proc. CSCW 2000, 221--230. Google ScholarDigital Library
- Handlebars.js. http://handlebarsjs.com/Google Scholar
- Hutchings, H. M., and Pierce, J. S. DIAMOND: A Framework for Dividing Interfaces Across Multiple Opportunistically Annexed Devices. GVU Technical Report (2005), GIT-GVU-05-21.Google Scholar
- Johanson, B., Ponnekanti, S., et al. (2001). Multibrowsing: Moving Web Content across Multiple Displays. In Proc. UbiComp 2001. Springer-Verlag, 346--353. Google ScholarDigital Library
- Klokmose, C. N., and Beaudouin-Lafon, M. (2009). VIGO: instrumental interaction in multi-surface environments. CHI '09. 869--878. Google ScholarDigital Library
- Melchior, J. et al. (2009). A Toolkit for Peer-to-Peer Distributed User Interfaces: Concepts, Implementation, and Applications. In Proc. EICS 2009, 69--78. Google ScholarDigital Library
- MongoDB. http://www.mongodb.org/Google Scholar
- Mori, G., Paternò, F., and Santoro, C. (2003). Tool support for designing nomadic applications. IUI 2003, 141--148. Google ScholarDigital Library
- Peñalver, A., Lazcorreta, E., et al. (2012) A. Schema driven distributed user interface generation. INTERACCION 2012. Article 1, 8 pages.Google ScholarDigital Library
- Pierce, J., Mahaney, H., Abowd, G. (2003). Opportunistic Annexing for Handheld Devices: Opportunities and Challenges, GVU Tech Report, GIT-GVU-03-31.Google Scholar
- Romero, R., and Berger, A. (2004). Automatic Partitioning of Web Pages Using Clustering. Mobile HCI, volume 3160 of Lecture Notes in Computer Science, 388--393.Google Scholar
- Stylos, J., Graf, B., et al. (2008). A Case Study of API Redesign for Improved Usability. VLHCC 2008, 189--192. Google ScholarDigital Library
- Surface by Microsoft. http://www.microsoft.com/surface/Google Scholar
- Tan, D. S., et al. (2004). WinCuts: manipulating arbitrary window regions for more effective use of screen space. CHI EA '04, 1525--1528. Google ScholarDigital Library
- Vandervelpen, C., Vanderhulst, G. et al. (2005). Light-Weight distributed web interfaces: preparing the web for heterogeneous environments. ICWE 2005, 197--202. Google ScholarDigital Library
- WURFL. http://wurfl.sourceforge.net/Google Scholar
- Xanthopoulos, S. and Xinogalos, S. (2013). A comparative analysis of cross-platform development approaches for mobile applications. BCI 2013, 213--220. Google ScholarDigital Library
Index Terms
- Panelrama: enabling easy specification of cross-device web applications
Recommendations
Interactive development of cross-device user interfaces
CHI '14: Proceedings of the SIGCHI Conference on Human Factors in Computing SystemsCurrent GUI builders provide a design environment for user interfaces that target either a single type or fixed set of devices, and provide little support for scenarios in which the user interface, or parts of it, are distributed over multiple devices. ...
A toolkit for peer-to-peer distributed user interfaces: concepts, implementation, and applications
EICS '09: Proceedings of the 1st ACM SIGCHI symposium on Engineering interactive computing systemsIn this paper we present a software toolkit for deploying peer-to-peer distributed graphical user interfaces across four dimensions: multiple displays, multiple platforms, multiple operating systems, and multiple users, either independently or ...
Flexible support for distributing user interfaces across multiple devices
CHItaly '11: Proceedings of the 9th ACM SIGCHI Italian Chapter International Conference on Computer-Human Interaction: Facing ComplexityIn this paper, we describe a solution to obtain flexible user interface distribution across multiple devices, even supporting different modalities. For this purpose we extend a model-based user interface language in order to address the specification of ...
Comments