PuReWidgets presentation at EICS 2012
-
Upload
jorge-c-s-cardoso -
Category
Education
-
view
252 -
download
2
description
Transcript of PuReWidgets presentation at EICS 2012
![Page 1: PuReWidgets presentation at EICS 2012](https://reader035.fdocuments.net/reader035/viewer/2022062617/54bbf5244a7959ad388b4592/html5/thumbnails/1.jpg)
The PuReWidgets toolkit for
interactive public display
applications
Jorge Cardoso [email protected]
Rui José[email protected]
![Page 2: PuReWidgets presentation at EICS 2012](https://reader035.fdocuments.net/reader035/viewer/2022062617/54bbf5244a7959ad388b4592/html5/thumbnails/2.jpg)
Interactive display
![Page 3: PuReWidgets presentation at EICS 2012](https://reader035.fdocuments.net/reader035/viewer/2022062617/54bbf5244a7959ad388b4592/html5/thumbnails/3.jpg)
Interaction in Public Displays• Every display uses its own approach• Wasted development effort• Users face inconsistent interaction models
We can learn from the desktop platform• Faced similar problems in the beginning
Motivation
3
![Page 4: PuReWidgets presentation at EICS 2012](https://reader035.fdocuments.net/reader035/viewer/2022062617/54bbf5244a7959ad388b4592/html5/thumbnails/4.jpg)
The toolkit should support• Multiple, extensible, controls• Various input mechanisms and
modalities• Concurrent interaction• Asynchronous interaction• Graphical representations
Requirements
![Page 5: PuReWidgets presentation at EICS 2012](https://reader035.fdocuments.net/reader035/viewer/2022062617/54bbf5244a7959ad388b4592/html5/thumbnails/5.jpg)
Various input mechanisms
![Page 6: PuReWidgets presentation at EICS 2012](https://reader035.fdocuments.net/reader035/viewer/2022062617/54bbf5244a7959ad388b4592/html5/thumbnails/6.jpg)
Concurrent/shared interaction
• Multiple users• No single user
controlling the display
![Page 7: PuReWidgets presentation at EICS 2012](https://reader035.fdocuments.net/reader035/viewer/2022062617/54bbf5244a7959ad388b4592/html5/thumbnails/7.jpg)
Asynchronous interaction
• Supports interaction even if an application is not running
![Page 8: PuReWidgets presentation at EICS 2012](https://reader035.fdocuments.net/reader035/viewer/2022062617/54bbf5244a7959ad388b4592/html5/thumbnails/8.jpg)
Graphical representations
• Familiar graphical representations help users determine if an application is interactive
![Page 9: PuReWidgets presentation at EICS 2012](https://reader035.fdocuments.net/reader035/viewer/2022062617/54bbf5244a7959ad388b4592/html5/thumbnails/9.jpg)
Widget-based toolkit for supporting interactions in public displays• For web-based PD applications• A widget represents an interactive feature.– Is represented by a class in an object-oriented
programming model.– Applications instantiate widgets and receive
interaction events via a callback function
PuReWidgets
9
![Page 10: PuReWidgets presentation at EICS 2012](https://reader035.fdocuments.net/reader035/viewer/2022062617/54bbf5244a7959ad388b4592/html5/thumbnails/10.jpg)
• Various types of controls– Action, Options, Text entry, Download, Upload, Check-in
• Supports various input mechanisms– SMS, Bluetooth naming, QR codes
• Automatically generates GUIs for desktop and mobile devices
• User identification in input events• Asynchronous events• Graphical representations for widgets• Client and server application models
Features
![Page 11: PuReWidgets presentation at EICS 2012](https://reader035.fdocuments.net/reader035/viewer/2022062617/54bbf5244a7959ad388b4592/html5/thumbnails/11.jpg)
PuReWidgets Architecture
11
![Page 12: PuReWidgets presentation at EICS 2012](https://reader035.fdocuments.net/reader035/viewer/2022062617/54bbf5244a7959ad388b4592/html5/thumbnails/12.jpg)
• Google Appengine (server)• Google Web Toolkit – GWT (client)• Takes advantage of well-known development
environment, and user base• Video of early version
PuReWidgets Implementation
12
![Page 13: PuReWidgets presentation at EICS 2012](https://reader035.fdocuments.net/reader035/viewer/2022062617/54bbf5244a7959ad388b4592/html5/thumbnails/13.jpg)
![Page 14: PuReWidgets presentation at EICS 2012](https://reader035.fdocuments.net/reader035/viewer/2022062617/54bbf5244a7959ad388b4592/html5/thumbnails/14.jpg)
• Continuous refinement cycle–Develop interactive PD
applications–Gain insight–Refine the toolkit–Refactor the applications
Initial development process
14
![Page 15: PuReWidgets presentation at EICS 2012](https://reader035.fdocuments.net/reader035/viewer/2022062617/54bbf5244a7959ad388b4592/html5/thumbnails/15.jpg)
• PuReWidgets is an example of how toolkits can lower the barrier to public display application development
• Such toolkits will be crucial for widespread creation of new public display applications.
• Focus on making it easy to explore interactive features in applications
Conclusion
15
![Page 16: PuReWidgets presentation at EICS 2012](https://reader035.fdocuments.net/reader035/viewer/2022062617/54bbf5244a7959ad388b4592/html5/thumbnails/16.jpg)
End
The PuReWidgets toolkit for
interactive public display
applications
Photo credits: Bluetooth photo: creative commons (Flickr user ‘dhaun’) | Touch-screen: creative commons (Flickr user ‘Happydog’)Locamoda app: creative commons (Flickr user ‘gumption’) | Widgets panel: GFDL (http://en.wikipedia.org/wiki/File:Widgets.png)
Jorge Cardoso [email protected]
Rui José[email protected]