jorgecardoso.eu jorgecardoso@ieee.org jorge c. … graphical user interface generation for web-based...

Dynamic graphical user interface generation for web-based public

display applications

Jorge C. S. Cardosojorgecardoso@ieee.org

http://jorgecardoso.eu

PECCS 2014 - Lisbon, Portugal

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”

Interaction toolkit for public displays

● Different displays may provide different interaction capabilities

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

PuReWidgets

● High-level abstractions○ Widgets

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

Widgets

Interaction

Touch Text-based (SMS, email, …)

QR codes Mobile interface(Automatically generated)

Automatic GUI for mobile devices

● Discoverability○ Of apps○ Of apps’ features

● Interaction

● No extra effort for programmers of public display apps

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

Dynamic GUI generation approaches

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

Dynamic GUI generation approaches

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

Dynamic GUI generation approaches

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

Dynamic GUI generation approaches

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

PuReWidgets

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

Architecture

Widget structure

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

Interaction Manager Server

Rendering

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

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

Rendering

Preliminary evaluation

● Real-world deployment

Discussion

● Asynchronous interaction

● Rapidly changing widgets

Conclusion

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

○ Interaction abstractions

● PuReWidgets is just one attempt/model

Dynamic graphical user interface generation for web-based public

display applicationsJorge C. S. Cardoso

jorgecardoso@ieee.org

http://jorgecardoso.eu

PECCS 2014 - Lisbon, Portugal

Thank you!