21
Dynamic graphical user interface generation for web-based public display applications Jorge C. S. Cardoso [email protected] http://jorgecardoso.eu PECCS 2014 - Lisbon, Portugal

Dynamic graphical user interface generation for web-based public display applications

Embed Size (px)

DESCRIPTION

Presentation of full paper at PECCS 2014 - Lisbon - Portugal, January 7, 2014. Received the best student paper award.

Citation preview

Page 1: Dynamic graphical user interface generation for web-based public display applications

Dynamic graphical user interface generation for web-based public

display applications

Jorge C. S. [email protected]

http://jorgecardoso.eu

PECCS 2014 - Lisbon, Portugal

Page 2: Dynamic graphical user interface generation for web-based public display applications

Open public display networks

● Open display networks○ "designed and implemented to be open to

applications and content from many sources and thus provide the foundation for work on a new global communications medium for information access and interaction”

Page 3: Dynamic graphical user interface generation for web-based public display applications

Interaction toolkit for public displays

● Different displays may provide different interaction capabilities

● Developers need ○ Abstraction from interaction mechanisms○ Various high-level controls

Page 4: Dynamic graphical user interface generation for web-based public display applications

PuReWidgets

● High-level abstractions○ Widgets

● Independence from interaction mechanism○ SMS○ Email○ Touch○ Mobile interface○ QR code

Page 5: Dynamic graphical user interface generation for web-based public display applications

Widgets

Page 6: Dynamic graphical user interface generation for web-based public display applications

Interaction

Touch Text-based (SMS, email, …)

QR codes Mobile interface(Automatically generated)

Page 7: Dynamic graphical user interface generation for web-based public display applications

Automatic GUI for mobile devices

● Discoverability○ Of apps○ Of apps’ features

● Interaction

● No extra effort for programmers of public display apps

Page 8: Dynamic graphical user interface generation for web-based public display applications

Dynamic GUI generation approaches

● Downloadable UI code○ e.g., Jini Service UI

● Abstract UI description○ XWeb (Olsen et al., 2000)

● Hybrid○ Hodes & Katz, 1999 ○ iCrafter (Ponnekanti et al., 2001)

Author unknown. Taken from http://www.flixya.com/photo/2162704/BasikalBicycle

Page 9: Dynamic graphical user interface generation for web-based public display applications

Dynamic GUI generation approaches

Author unknown. Taken from http://www.flixya.com/photo/2162704/BasikalBicycle

Page 10: Dynamic graphical user interface generation for web-based public display applications

Dynamic GUI generation approaches

Author unknown. Taken from http://www.flixya.com/photo/2162704/BasikalBicycle

Page 11: Dynamic graphical user interface generation for web-based public display applications

Dynamic GUI generation approaches

Author unknown. Taken from http://www.flixya.com/photo/2162704/BasikalBicycle

Page 12: Dynamic graphical user interface generation for web-based public display applications

Dynamic GUI generation approaches

Author unknown. Taken from http://www.flixya.com/photo/2162704/BasikalBicycle

Page 13: Dynamic graphical user interface generation for web-based public display applications

PuReWidgets

Author unknown. Taken from http://www.flixya.com/photo/2162704/BasikalBicycle

Page 14: Dynamic graphical user interface generation for web-based public display applications

Architecture

Page 15: Dynamic graphical user interface generation for web-based public display applications

Widget structure

Author unknown. Taken from http://www.flixya.com/photo/2162704/BasikalBicycle

Interaction Manager Server

Page 16: Dynamic graphical user interface generation for web-based public display applications

Rendering

Author unknown. Taken from http://www.flixya.com/photo/2162704/BasikalBicycle

Page 17: Dynamic graphical user interface generation for web-based public display applications

Author unknown. Taken from http://www.flixya.com/photo/2162704/BasikalBicycle

Rendering

Page 18: Dynamic graphical user interface generation for web-based public display applications

Preliminary evaluation

● Real-world deployment

Page 19: Dynamic graphical user interface generation for web-based public display applications

Discussion

● Asynchronous interaction

● Rapidly changing widgets

Page 20: Dynamic graphical user interface generation for web-based public display applications

Conclusion

● We need better tools to create applications for open display networks

○ Interaction abstractions

● PuReWidgets is just one attempt/model

Page 21: Dynamic graphical user interface generation for web-based public display applications

Dynamic graphical user interface generation for web-based public

display applicationsJorge C. S. Cardoso

[email protected]

http://jorgecardoso.eu

PECCS 2014 - Lisbon, Portugal

Thank you!