Download - PuReWidgets toolkit
![Page 1: PuReWidgets toolkit](https://reader034.vdocuments.mx/reader034/viewer/2022051612/54bbf5204a7959a7388b458b/html5/thumbnails/1.jpg)
The PuReWidgets toolkit for interactive
public display applications
Jorge Cardoso [email protected]!
26 Nov 2012!
![Page 2: PuReWidgets toolkit](https://reader034.vdocuments.mx/reader034/viewer/2022051612/54bbf5204a7959a7388b458b/html5/thumbnails/2.jpg)
Interactive display
![Page 3: PuReWidgets toolkit](https://reader034.vdocuments.mx/reader034/viewer/2022051612/54bbf5204a7959a7388b458b/html5/thumbnails/3.jpg)
Motivation
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 • GUIs faced similar problems
3
![Page 4: PuReWidgets toolkit](https://reader034.vdocuments.mx/reader034/viewer/2022051612/54bbf5204a7959a7388b458b/html5/thumbnails/4.jpg)
Requirements
The toolkit should support • Multiple, extensible, PD-specific controls • Various input mechanisms and
modalities • Concurrent interaction • Asynchronous interaction • Graphical representations
![Page 5: PuReWidgets toolkit](https://reader034.vdocuments.mx/reader034/viewer/2022051612/54bbf5204a7959a7388b458b/html5/thumbnails/5.jpg)
PD-specific controls
Interaction with public displays is different from desktop We need specific controls for public displays
![Page 6: PuReWidgets toolkit](https://reader034.vdocuments.mx/reader034/viewer/2022051612/54bbf5204a7959a7388b458b/html5/thumbnails/6.jpg)
Various input mechanisms
![Page 7: PuReWidgets toolkit](https://reader034.vdocuments.mx/reader034/viewer/2022051612/54bbf5204a7959a7388b458b/html5/thumbnails/7.jpg)
Concurrent/shared interaction • Multiple users • No single user
controlling the display
![Page 8: PuReWidgets toolkit](https://reader034.vdocuments.mx/reader034/viewer/2022051612/54bbf5204a7959a7388b458b/html5/thumbnails/8.jpg)
Asynchronous interaction • Supports interaction even if an application
is off-screen
![Page 9: PuReWidgets toolkit](https://reader034.vdocuments.mx/reader034/viewer/2022051612/54bbf5204a7959a7388b458b/html5/thumbnails/9.jpg)
PuReWidgets
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
9
![Page 10: PuReWidgets toolkit](https://reader034.vdocuments.mx/reader034/viewer/2022051612/54bbf5204a7959a7388b458b/html5/thumbnails/10.jpg)
Features • Various types of controls
– Action, Options, Text entry, Download, Upload, Check-in • Supports various input mechanisms
– SMS, Bluetooth naming, QR codes, email, touch (with limitations)
• Automatically generates GUIs for desktop and mobile devices
• User identification in input events • Asynchronous events • Graphical representations for widgets • Client and server application models
![Page 11: PuReWidgets toolkit](https://reader034.vdocuments.mx/reader034/viewer/2022051612/54bbf5204a7959a7388b458b/html5/thumbnails/11.jpg)
PuReWidgets Architecture
11
![Page 12: PuReWidgets toolkit](https://reader034.vdocuments.mx/reader034/viewer/2022051612/54bbf5204a7959a7388b458b/html5/thumbnails/12.jpg)
PuReWidgets Implementation
• Google Appengine (server) • Google Web Toolkit – GWT (client) • Takes advantage of well-known
development environment, and user base
12
![Page 13: PuReWidgets toolkit](https://reader034.vdocuments.mx/reader034/viewer/2022051612/54bbf5204a7959a7388b458b/html5/thumbnails/13.jpg)
Initial development • Continuous
refinement cycle – Develop interactive
PD applications – Gain insight – Refine the toolkit – Refactor the
applications
13
![Page 14: PuReWidgets toolkit](https://reader034.vdocuments.mx/reader034/viewer/2022051612/54bbf5204a7959a7388b458b/html5/thumbnails/14.jpg)
Evaluation • Threefold
– Personal experience in developing 3 applications
– Programmers’ evaluation of the toolkit – Audience users’ perception of the interaction/
application model on a real world deployment
14
![Page 15: PuReWidgets toolkit](https://reader034.vdocuments.mx/reader034/viewer/2022051612/54bbf5204a7959a7388b458b/html5/thumbnails/15.jpg)
Conclusion We have now a complete interaction system for public display applications • Web-based
– “Easy” development • Various widgets
– Supporting diverse interactions • Multi-user
– Supporting simultaneous, shared interactions • Multiple input mechanisms
– From web-based, QR codes, to SMS • Async input
– To support offline interactions and various application models
15
![Page 16: PuReWidgets toolkit](https://reader034.vdocuments.mx/reader034/viewer/2022051612/54bbf5204a7959a7388b458b/html5/thumbnails/16.jpg)
Future work/Ideas Toolkit development
Javascript/jQuery library Output widgets for PD Remote, Direct manipulation widgets “Native” apps with phonegap Third-party check-ins More flexible application scheduling
16
![Page 17: PuReWidgets toolkit](https://reader034.vdocuments.mx/reader034/viewer/2022051612/54bbf5204a7959a7388b458b/html5/thumbnails/17.jpg)
Future work/Ideas Other ideas
Interactive narratives for public displays Application coordination between displays Android/iOS “Open-in”/”Share to” Public display near you PD App: users upload content that they can later request the display to show Interactive marketing How to effectively communicate interactivity Guidelines for content creation Wordpress plugin for content creation “Place” representations Who’s around app
17
![Page 18: PuReWidgets toolkit](https://reader034.vdocuments.mx/reader034/viewer/2022051612/54bbf5204a7959a7388b458b/html5/thumbnails/18.jpg)
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)
The PuReWidgets toolkit for
interactive public display
applications Jorge Cardoso