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