Dynamic graphical user interface
generation for web-based public
display applications
Jorge C. S. Cardoso
jorgecardoso@iee...
Open public display networks

● Open display networks
○ "designed and implemented to be open to
applications and content f...
Interaction toolkit for public displays
● Different displays may provide different
interaction capabilities
● Developers n...
PuReWidgets
● High-level abstractions
○ Widgets

● Independence from interaction mechanism
○
○
○
○
○

SMS
Email
Touch
Mobi...
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 prog...
Dynamic GUI generation approaches
● Downloadable UI code
○ e.g., Jini Service UI

● Abstract UI description
○ XWeb (Olsen ...
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

Interaction
Manager
Server

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

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

Author unknown. Taken from http://www.flixya.com/photo/2162704/BasikalBicycle
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

● PuReWidge...
Thank you!
Dynamic graphical user interface
generation for web-based public
display applications
Jorge C. S. Cardoso
jorge...
Upcoming SlideShare
Loading in...5
×

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

465

Published on

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

Published in: Education, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
465
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
15
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

  1. 1. Dynamic graphical user interface generation for web-based public display applications Jorge C. S. Cardoso jorgecardoso@ieee.org http://jorgecardoso.eu PECCS 2014 - Lisbon, Portugal
  2. 2. 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”
  3. 3. Interaction toolkit for public displays ● Different displays may provide different interaction capabilities ● Developers need ○ Abstraction from interaction mechanisms ○ Various high-level controls
  4. 4. PuReWidgets ● High-level abstractions ○ Widgets ● Independence from interaction mechanism ○ ○ ○ ○ ○ SMS Email Touch Mobile interface QR code
  5. 5. Widgets
  6. 6. Interaction Touch Text-based (SMS, email, …) QR codes Mobile interface (Automatically generated)
  7. 7. Automatic GUI for mobile devices ● Discoverability ○ Of apps ○ Of apps’ features ● Interaction ● No extra effort for programmers of public display apps
  8. 8. 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
  9. 9. Dynamic GUI generation approaches Author unknown. Taken from http://www.flixya.com/photo/2162704/BasikalBicycle
  10. 10. Dynamic GUI generation approaches Author unknown. Taken from http://www.flixya.com/photo/2162704/BasikalBicycle
  11. 11. Dynamic GUI generation approaches Author unknown. Taken from http://www.flixya.com/photo/2162704/BasikalBicycle
  12. 12. Dynamic GUI generation approaches Author unknown. Taken from http://www.flixya.com/photo/2162704/BasikalBicycle
  13. 13. PuReWidgets Author unknown. Taken from http://www.flixya.com/photo/2162704/BasikalBicycle
  14. 14. Architecture
  15. 15. Widget structure Interaction Manager Server Author unknown. Taken from http://www.flixya.com/photo/2162704/BasikalBicycle
  16. 16. Rendering Author unknown. Taken from http://www.flixya.com/photo/2162704/BasikalBicycle
  17. 17. Rendering Author unknown. Taken from http://www.flixya.com/photo/2162704/BasikalBicycle
  18. 18. Preliminary evaluation ● Real-world deployment
  19. 19. Discussion ● Asynchronous interaction ● Rapidly changing widgets
  20. 20. Conclusion ● We need better tools to create applications for open display networks ○ Interaction abstractions ● PuReWidgets is just one attempt/model
  21. 21. Thank you! Dynamic graphical user interface generation for web-based public display applications Jorge C. S. Cardoso jorgecardoso@ieee.org http://jorgecardoso.eu PECCS 2014 - Lisbon, Portugal
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×